處理大頁面加載

Question

我有一個網站，基本上是一個大頁面，它是一個翻頁（powered by jQuery Booklet Plugin），有50頁，並且在每個頁面上都有插圖。這個頁面的大小在6到7mb之間。這有點大，連接速度慢可能需要一段時間才能加載頁面。我期待到破書成多個類別（因此多個小頁），但在平均時間我有這兩個quesitons：

• 什麼是處理的是有很多的內容頁面加載的最佳方式？

• 大型網站如何處理這些問題？

注：我不能使用精靈的頁面上的圖像。

Answer 1

您可以嘗試延遲加載圖像（http://www.appelsiini.net/projects/lazyload） - 圖像不會被請求，直到它們在頁面上可見爲止。

另一種選擇是使用小冊子腳本中的change事件來使用AJAX加載該頁面的內容。這樣，並不是所有的內容都需要首先下載，但是在客戶端更改頁面時會看到一些延遲。

$(".selector").booklet({ 
    change: function(event, data) { ... } 
}); 

大多數大型網站與「無盡」滾動（如Facebook例如）使用AJAX只在需要時加載更多的內容。

Answer 2

嘗試使用圖片優化器像Kraken一樣壓縮圖像文件：http://kraken.io/