1.图片延迟加载:
场景:图片较多的网页,页面初次加载时,只显示可视区域的图片,当页面滚动时,图片进入了可视区域时再进行加载。
原理:先将图片的真实地址缓存在一个自定义的属性(例如:lazy-src)中,而src地址使用一个1×1的全透明的占位图片来替代。
<img src="images/placeholder.png" lazy-src="image/realpath.jpg"/>
1.图片延迟加载:
场景:图片较多的网页,页面初次加载时,只显示可视区域的图片,当页面滚动时,图片进入了可视区域时再进行加载。
原理:先将图片的真实地址缓存在一个自定义的属性(例如:lazy-src)中,而src地址使用一个1×1的全透明的占位图片来替代。
<img src="images/placeholder.png" lazy-src="image/realpath.jpg"/>