懒加载

作者: jeremyYao | 来源:发表于2017-07-28 17:35 被阅读0次

什么是懒加载?

懒加载其实就是延迟加载,按需加载,只有在需要时才加载,他是网站的一种优化方案。

我们为什么要使用懒加载?

减少http请求,减少服务器的负担,提高用户体验。一些大型的电商网站,比如淘宝,天猫,京东,一般它们的页面商品图片繁多,而每加载一张图片就会发送一次http请求,如果让浏览器一次性渲染全部图片,这样用户的等待时间就长,用户体验相当不好,也给服务器带来一定的负担,这个时候就可以使用懒加载,先让浏览器加载一部分呈现在视窗的图片,当用户下拉时按需将呈现在视窗的图片加载给用户,这样的用户体验就会好很多。

怎么使用懒加载?

首先给每一张要懒加载的图片添加一个自定义属性,比如data-src,在该属性里面存放真实的图片路径,设置触发事件,当事件触发时,将data-src的路径获取出来,添加到src属性里面。

这只是其中的一种思路,写得有不对不好的地方望指点,一个刚起步的web前端小白的一点简书。

相关文章

  • iOS开发,懒加载

    什么是懒加载? 懒加载--比较懒的加载方式,需要的时候才加载,也称为延时加载。 所谓懒加载既是重写get方法,一定...

  • iOS开发UI篇-懒加载、重写setter方法赋值

    一、懒加载 1.懒加载定义 懒加载——也称为延迟加载,即在需要的时候才加载(效率低,占用内存小)。所谓懒加载,写的...

  • Fragment结合ViewPager之懒加载

    什么是懒加载?为什么要用懒加载?### 1、什么是懒加载 懒加载就是当ViewPager和Fragment结合在一...

  • iOS懒加载注意事项

    懒加载 1.懒加载 懒加载——也称为延迟加载,即在需要的时候才加载(效率低,占用内存小)。所谓懒加载,写的是其ge...

  • web优化之懒加载和预加载

    懒加载和预加载是常用的web优化的手段。所以我们首先应该明白什么是懒加载和预加载。懒加载:懒加载也加延迟加载,延迟...

  • fragment 懒加载

    fragment 的懒加载 懒加载 什么是懒加载:只有在 fragment 显示在界面的时候,才进行数据的加载 懒...

  • 懒加载和预加载

    懒加载和预加载 1. 懒加载 1. 什么是懒加载? 懒加载也就是延迟加载 当访问一个页面的时候,先把img元素或是...

  • Android 懒加载优化

    目录介绍 1.什么是懒加载1.1 什么是预加载1.2 懒加载介绍1.3 懒加载概括 2.实际应用中有哪些懒加载案例...

  • Swift语法点

    1 懒加载 懒加载与OC中的懒加载的区别:懒加载的类一旦 设置为nil 后, 懒加载就不会再次执行,与OC中不同,...

  • UICollectionView

    UICollectionViewFlowLayout懒加载 UICollectionView懒加载 注册item ...

网友评论

      本文标题:懒加载

      本文链接:https://www.haomeiwen.com/subject/hnjflxtx.html