江苏龙网

  1. 主页 > 生活百科 > >

web前端图片加载的优化( 三 )

优化

  • Lazy loading加载数量与网速有关 ， 网速越慢 ， 加载数量越多 ， 但并不是线性关系 。
  • Lazy loading加载没有缓冲 ， 滚动即会触发新的图片资源加载 。
  • Lazy loading加载在窗口resize尺寸变化时候也会触发 ， 例如屏幕高度从小变大的时候 。
  • Lazy loading加载也有可能会先加载后面的图片资源 ， 例如页面加载时滚动高度很高的时候 。
    • 与JavaScript有关的几个行为特征：
    1. 判断浏览器是否支持原生loading ， 最好使用'loading' in XXX判断 。
    2. 获取loading属性值可以直接img.loading；
    3. 原生loading不可写 ， 不可访问例如HTMLImageElement.prototype.loading会报错Illegal invocation 。
    4. 如果要使用 ， 注意做兼容性处理 。

    【web前端图片加载的优化】


    推荐阅读


    上一篇：荷叶偏寒性吗,金银花能和枸杞起泡茶吗有何功效

    下一篇：芦荟叶扦插,芦荟的价值