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前端图片加载的优化】


    推荐阅读