Question

您好，我是网页设计的新手，

我使用twitters bootstrap来创建一个网站。每次我尝试在移动设备（ios）上加载http://www.taekwondo.uwcs.co.uk/gallery.php时，浏览器崩溃（chrome）或在该页面上运行速度非常慢。

我想知道如何修复这个问题（如何调试它）。我在页面上有太多图像吗？我是否需要降低图像的质量？

我使用此插件（http://www.appelsiini.net/projects/lazyload）使用延迟加载图像。这是html我有大约8行图像。

   <div class="row">
     <div class="col-md-3">
       <img class="img-responsive " src="images/load.gif" data-original="images/gallery/freshers/29.jpg" alt="">
     </div>

     <div class="col-md-3">
       <img class="img-responsive " src="images/load.gif" data-original="images/gallery/freshers/30.jpg" alt="">
     </div>

     <div class="col-md-3">
       <img class="img-responsive " src="images/load.gif" data-original="images/gallery/freshers/31.jpg" alt="">
     </div>

  </div> <!-- End of row -->

页面上的jQuery

 $(".img-responsive").lazyload();

提前致谢

网页在移动设备上崩溃

0 个答案: