如何正确加载ajax内容

时间:2014-04-28 05:04:55

标签: javascript jquery html ajax

我有这个.html页面结构

<section id="1"> 
  </section>
<section id="2">
   </section>
<section id="3">
 </section>
<section id="4">
 </section>

第1节是一个轻量级页面,没有太多数据。 第2节适度平衡。 第3节包含高清图像(每个图像~1.0mb)7个图像。 第4节包含大约50个图像附近的hdimages(每个图像~1.0mb)和12个不同的谷歌地图实例,这需要花费大量时间来加载页面。我试图通过一些在线图像压缩器减少图像文件大小(我无法删除任何图像或地图),但它仍然需要很长时间来加载。通过在线浏览我了解了this,我试图在我的页面中实现它,但我不确切知道如何使用它, 基本上,在他们在一些鼠标事件之后加载页面时所展示的链接中。

我的怀疑:

多少次我可以使用ajax加载器的东西,在页面中只有一次或者我想要使用的任何时间?(假设我有12张地图要加载,所以我可以使用它12次吗?)< / p>

有没有办法并行加载页面。我可以看到我的页面1,而第2页,第3页和第4页仍在加载。

1 个答案:

答案 0 :(得分:0)

尝试延迟加载。这将逐步加载图像

,而不是一次加载图像

http://www.appelsiini.net/projects/lazyload