本站公告: 暂无公告....

图片过大?用Echo.js延迟加载

前端开发 兰亭楼 1评论 904浏览

图片过大?用Echo.js延迟加载可能会帮到你,Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。

使用方法实例:

<body>
  <img src="img/blank.gif" alt="Photo" data-echo="img/photo.jpg">
 
  <script src="dist/echo.js"></script>
  <script>
  Echo.init({
    offset: 100,
    throttle: 250
  });
 
  // Echo.render(); is also available for non-scroll callbacks
  </script>
</body>



图片过大?用echo.js延迟加载

立即下载      在线演示



转载请注明: 兰亭楼 » 图片过大?用Echo.js延迟加载

发表我的评论 换个身份
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 奥,好简洁的文章
    不知子曰5年前 (2014-05-23)回复