如何让网页实现延迟加载

在这写了四种方法,没有写代码举例。

1)使用setTimeout延迟加载

2)让js最后加载, 把js外部引入的文件放到页面底部,让js最后引入或者直接将script节点放置在</body>之前,这样js脚本就会在页面显示出来之后再加载,从而加快页面加载速度。

3)通过监听window.onload事件,动态添加script节点

4)使用script标签的defer和async属性,defer属性为延迟加载,是在页面渲染完成之后再进行加载的,而async属性则是和文档并行加载,这两种解决方案都不完美,原因在于不是所有浏览器都支持。

欢迎分享本文,转载请保留出处:前端ABC » 如何让网页实现延迟加载

赞 (0)
分享到:更多 ()

发表评论 0