js图片懒加载和预加载

什么是懒加载和预加载?

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

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

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

猜你喜欢

转载自www.cnblogs.com/sandraryan/p/11512163.html