图片预加载和懒加载(1)
今天介绍图片的预加载和懒加载,本文目录如下:(尚未完善)
一、图片加载的时机
二、预加载
1.是什么
//预加载值得是:提前加载图片,等用户需要查看的时候可以直接从本地缓存中读取渲染。 //比如画廊,使用预加载可以让用户查看图片的时候无需等待,急速查阅,体验极好
2.优点
//预加载图片是提高用户体验的一个很好方法。
//图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。
//这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。
3.缺点
//缺点是:牺牲服务器性能换区用户体验,对服务器压力大
4.怎么用
请参考:《图片预加载和懒加载(2)——预加载》
三、懒加载
1.是什么
//懒加载值得是:在需要显示图片的时候才对图片进行加载。
//比如商城页面很多商品,不会一下子全加载出来,等你翻到的时候它才加载,用户体验好
2.优点
//服务器压力小 //节约用户流量,客户满意度高 //加载速度快
3.缺点
//比起预加载的用户体验稍逊
4.怎么用
敬请期待
参考链接:
https://www.csdn.net/article/2013-10-15/2817187-3-ways-preload-images-css-javascript-ajax
https://blog.csdn.net/Andrew_ym/article/details/79514157?utm_source=blogxgwz5
https://www.jianshu.com/p/39daf79ef1dd