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

图片过大?用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延迟加载
赞 (0) 打赏

评论 0

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏