特定內容不應該在加載頁面時加載

我已經創建了wp主題。這是它的其中一頁http://www.durgeshsound.com/gallery/特定內容不應該在加載頁面時加載

當你點擊任何查看相冊，然後它打開它相應的圖片的相冊。每張專輯包含10-12張圖片，因此在整個頁面上，大約有80-90張圖片。

問題是由於80-90圖像需要太多時間來打開頁面。單擊視圖相冊時，頁面加載並逐個加載相冊圖片時，是否有任何方法僅加載封面圖片？請注意，封面圖片設置爲精選圖片，其他專輯圖片將添加到媒體中。

這裏是我的代碼

Javascript:http://pastie.org/9658839 Page template code in wp：提前http://pastie.org/9658843 CSS:http://pastie.org/9658847

請help.thanks

來源

2014-10-20 varsha

我認爲最好的解決方案是使用[延遲加載。]（http://stackoverflow.com/questions/5117421/how-to-load-images-dynamically-or-lazily-when-users-scrolls-他們 - 進入 - 視圖） – ghost 2014-10-20 05:29:55

有幾個步驟來優化性能當您在您的頁面中使用圖像時，

使用Lazy Loading
使用sprite image以避免小圖像中的多個HTTP請求。
對於靜態圖像使用Caching。這將有助於避免不必要的http請求。

雪碧例： 你可以看到在這個網站也是如此使用精靈形象。 enter image description here

來源

2014-12-24 10:19:31 Shell

可以嘗試延遲加載JS插件如：http://www.appelsiini.net/projects/lazyload

來源

2014-10-27 16:10:56 James

如果您在您的網站上使用高分辨率圖片，延遲加載會很有幫助，那麼這對您而言是一個讓您的網站看起來專業的最佳解決方案。這使得頁面加載速度更快，並且減少了服務器流量，因爲客戶端加載了該區域中的圖像。這是最好的example瞭解如何做到這一點。

得到plugin。它可以作爲一個簡單的懶惰加載器，簡單地作爲一個響應式懶惰加載器（照顧斷點）或作爲一個先進的懶惰加載器照顧斷點和顯示。

來源

2015-02-07 06:35:48

特定內容不應該在加載頁面時加載

回答

相關問題