訂單CSS和腳本的調用在ASPX頁面

Question

是否有其外部CSS或腳本應該在一個ASPX頁面可能有點幫助在降低網頁加載時間調用任何特定的順序？

即

script type="text/javascript" src="../Includes/JavaScript/jquery.ui.tabs.js" 
link href="../Includes/css/ui.all.css" rel="Stylesheet" type="text/css" 

或

link href="../Includes/css/ui.all.css" rel="Stylesheet" type="text/css"  
script type="text/javascript" src="../Includes/JavaScript/jquery.ui.tabs.js" 

或任何其他訂單？

Answer 1

最好的做法是把樣式表調用的頭元件的頂部和腳本調用的底部，優選地到主體元件的底部。

詳見http://developer.yahoo.com/yslow/help/#guidelines。

Answer 2

兩者都需要加載，所以我會去「不」。任何訂單都無助於增加頁面加載時間。

不管怎樣，受生活習慣，我之前JS加載CSS這樣即使兩者都需要滿載，至少，它似乎很當CSS是。

Answer 3

常識上說：先把滯後時間最長的一個放在第一位。

假設負載潛伏期分別爲100ms和50ms;

• 如果對於100ms的請求熄滅說10毫秒的50毫秒前，總延遲變爲（0毫秒+（100分毫秒10毫秒|| + 50ms的））= 100毫秒。

• 如果較短的要求先，你就會得到（+ 0毫秒（50ms的10ms的|| + 100毫秒））= 110毫秒。

但一定要區分壁掛時間，吞吐時間和用戶體驗時間。

Answer 4

頁面加載時間可能意味着不止一件事，當然。對於最終用戶而言，它可能意味着屏幕上顯示的內容所需的時間。或者它可能意味着下載所有資源所需的時間。

你只能有兩個連接在任何一個時間給定服務器開放的（至少是這種情況，see here for reference）。所以考慮到這一點，你應該關注幾點。

• 嘗試通過組合JS和CSS文件來最大限度地減少請求數量並對它們進行壓縮。有很多公用設施可以做到這一點。這可能會對你所能做的任何事情產生最大的影響。
• CSS然後JS是Fermin指出的一個很好的經驗法則。你可能受限於你可以通過級聯CSS文件的順序，以及依賴庫的JS文件。但是，儘量確保在頂部沒有兩個大文件，這會阻止會話中的其他下載，直到它們完成。