預加載外部javascript，圖像和css文件

Question

我一直在研究一個web應用程序，儘管我盡了最大的努力，它已經越來越多地越來越大，越來越多的腳本，圖像和css文件被調用。

作爲一個Web應用程序，我認爲在用戶登錄之後以及到達儀表板之前出現預加載屏幕是完全可以接受的。在這個頁面上，我想調用所有外部腳本，css文件和圖像以便下載到瀏覽器，以便它們從本地緩存中取出，而不是在應用程序運行期間按需下載。

我知道有數十億的圖像預加載器腳本，但我需要更進一步，所有的內容（主要是外部腳本）都將在頁面上被調用以進行預加載。

感謝， 添

Answer 1

http://requirejs.org/腳本加載。不確定關於CSS。此外，不知道你是什麼平臺，但軌道jammit是非常好的資產管理。

Answer 2

雖然我還沒有看到在那裏的一個問題，我假設我們正在談論加速網頁加載。

由於腳本最終必須下載，所以預先加載頁面是沒有意義的，所以爲什麼要麻煩將用戶發送到預加載頁面。您只需承擔額外的重定向請求。

你有3種主要方法，以減少加載時間：

• 減少HTTP請求
• 減少下載大小
• 移動靜態內容更貼近客戶

Combres（.NET）是偉大的，並處理腳本和CSS的連接和縮小。我相信其他技術棧也有類似之處。這限制了下載的文件數量（也提供縮小的鉤子）

也請確保您使用的是CSS sprites。這限制了圖像的數量下載

至於尺寸有云：

您還沒有提到的技術堆棧你，但儘量看一些劇本縮小庫（YUI壓縮機等）。

另外，還要確保你（通過或者IIS配置或通過負載均衡或者其他硬件）

另外還有一點，你可以用它來執行腳本的JIT下載和基本優先級的用戶了幾個JavaScript技術使用gzip exeprience。 Steve Souders有這些技術的一些偉大的書籍

在這些方法後，你開始尋找像CDN等硬件解決方案。這些確保您的內容靠近目標受衆更快的下載。

雅虎對此有一些重要的指導意義： http://developer.yahoo.com/performance/rules.html

Answer 3

您可以：

1. 鴻溝兩個I幀或DIV元素
2. 在頁面加載的頁面，只是顯示的iframe具有「正在加載...「動畫
3. 第二個iframe的源URL應該是空白的。在頁面加載時，設置爲實際頁面的URL。這個iframe應該被隱藏。
4. 完成此iframe的加載後，隱藏「加載」iframe並顯示此頁面。