美文网首页
图片懒加载的方式

图片懒加载的方式

作者: 一小片蔚蓝 | 来源:发表于2017-07-05 21:35 被阅读0次

    前端开发中:往往页面有很多图片,而首屏出现的图片大概就少量几张,全部加载图片的话,不仅影响页面渲染速度,还浪费带宽。首屏加载技术就是图片懒加载,图片到可视区域再加载。

    将页面里所有img属性src属性用data-xx代替,当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-xx的值赋给src。

    其中两个插件可以帮我们实现图片懒加载。

    1、jqueryLazyload 依赖Jquery

    2、echo.js方式

    参考http://www.cnblogs.com/liliangel/p/6122836.html

    http://www.cnblogs.com/flyromance/p/5042187.html

    相关文章

      网友评论

          本文标题:图片懒加载的方式

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