如何去晚/加載資源

Question

我有一個相當長的頁面，如谷歌地圖，圖像滑塊，谷歌廣告，BrightCove視頻（可選）和圖像。無需JS即可輕鬆裝載，並且JS使用速度稍慢。

我看到this site，想知道是否有人使用類似的方法或任何其他的方法，一旦一切都完成，並且在某些情況下直到用戶將項目滾動到視圖中才允許加載這些項目？

乾杯， 丹尼斯

Answer 1

好的，我在看的是使用http://labjs.com/作爲啓動頁面上需要的js資源，然後使用http://www.codeproject.com/KB/ajax/selfloadelement.aspx作爲加載初始加載後無法添加到頁面的部分的方法。

Answer 2

以及你可以使用jQuery的加載功能加載在其中，你知道會需要更長的時間（如谷歌地圖）的某些位的起點。這是非常簡單，可以用以下方式實現：

jQuery(function(){ 
    // Load google map 
    jQuery('#map-holder').load('/resources/lazy/map-loader.ext?q=' + an_id); 

    // Load similar properties 
    jQuery('#similar-properties').load('/resources/lazy/similar-properties.ext?q=' + an_id); 
}); 

，然後使用延遲加載插件，我確定你可以只是把上面的調用函數和掛鉤起來，以延遲加載插件。