图片预加载和懒加载(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

posted @ 2020-08-04 14:56  不叫一日闲过  阅读(268)  评论(0编辑  收藏  举报