js图片懒加载和预加载

若如初见. 提交于 2019-11-29 10:01:38

什么是懒加载和预加载?

复杂一点的说法参考:https://www.cnblogs.com/zhonghuali/p/9625943.html

我个人的理解是:预加载是提前把图片等资源下载到客户端,一次性请求到所有资源,需要时从客户端调用渲染,减少了http请求次数,优化性能,但是会增加服务器压力(一次性缓存所有图片信息),表现是打开网页时,图片由模糊变得清晰。

懒加载是先给img保留位置,但并不直接加载图片信息,等浏览到指定区域时,显示指定区域的图片,减轻服务器负担,并提高网页加载速度。(网页为浏览到的部分不请求图片信息。例如京东,淘宝搜索结果页商品列表)。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!