正在動態加載CSS和Javascript黑客或良好操作？

Question

我不想開始火焰戰爭，但我很好奇人們的想法。

我可以動態加載想到的好處：

• 加載文件，你需要他們。更快的 加載時間
• 您可以創建掛鉤到你的頁面只鏈接到 的小部件和窗口小部件加載所有 它的文件

一些（可能的）底片部件：

• 加載在它後面的東西 加載（我只是害怕做 那個？:-P）
• 確保代碼被評估。
• Javascript正在關閉。

讓我知道您的想法！

謝謝！ 馬特

Answer 1

難道真的佔用那帶寬多嗎？我認爲我開發的任何Web應用程序的最小部分是JavaScript/CSS。此外，無論如何，瀏覽器緩存它，它只是真正重要的第一擊。打敗這樣一個小問題增加複雜性毫無意義。

編輯

從我的評論建立在，有沒有解決的你應該如何開發使用JavaScript一些真正的好文章。總體思路是以分層的方式開發你的應用程序。 Javascript只是位於頂部，但它不是您網站運行的基礎。在JavaScript禁用的情況下，一切應該正常工作總是像用戶沒有啓用Javascript一樣進行開發（某些用戶純粹出於性能原因禁用它）。這是很好的做法。

Answer 2

我通常會將我所有的CSS壓縮到一個文件中，並將我所需的所有JavaScript用於另一個頁面（使用YUICompressor）。然後，我將這兩個文件靜態加載到HTML文檔中。它會盡早向用戶顯示內容（即使它們在等待時可能不會獲得很好的加載指示符），並且會使用較少的服務器資源。

如果我有用戶交互後需要的JavaScript /其他內容，我會動態加載它。我沒有真正與許多受益於動態加載的項目合作，但這裏是我爲我的JavaScript庫所做的一個項目："Blixt's JavaScript Realm"（但它有這麼多動態加載的原因是因爲該項目的整個目的是使它成爲JavaScript儘可能...）

Answer 3

在非常大的熱門網站上，您希望儘量減少http請求的總數，即使是小的。亞馬遜和Ebay竭盡全力做到這一點，甚至使用稱爲css圖像精靈的技術將所有他們的頭版圖像加載爲一個巨大的gif或jpeg，然後使用CSS將它們分開，以節省每個HTTP GET請求的開銷，避免每個請求可以保存爲幾百字節。