图片懒加载

谁践踏了优雅 2022-09-28 13:05 526阅读 0赞 
  1. function lazyLoadImg() {
  2.     var img = document.getElementsByTagName('img');
  3.     setTimeout(function() {
  4.         for (var i = 0, length = img.length; i < length; i++) {
  5.             if (img[i].getAttribute('imgsrc')) {
  6.                 img[i].src = img[i].getAttribute('imgsrc');
  7.             }
  8.         }
  9.     }, 0);
  10. }
  11. lazyLoadImg();

发表评论

表情：
评论列表 （有 0 条评论，526人围观）

还没有评论，来说两句吧...

相关阅读

    相关 图片懒加载

    在一个项目中，如果同时加载的图片太多的话，会导致页面卡顿，这个时候就会用到懒加载。懒加载的实现原理是监听浏览器的滚动条事件，先加载出前面几张图片，然后当滚动条滚动的时候再依次加

    分手后的思念是犯贱分手后的思念是犯贱/ 0 赞/ 341 阅读

    相关 图片懒加载

    懒加载的意义[（在线demo预览）][demo] 尽管很多公司的网页都有一些限制，比如页面的最大的图片大小不得大于50k,也有很多图片优化工具fis3、gulp等等，但是

    痛定思痛。痛定思痛。/ 0 赞/ 711 阅读

    相关 图片懒加载

    在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，

    偏执的太偏执、偏执的太偏执、/ 0 赞/ 682 阅读