JavaScript 是否需要先於 CSS 才能實現最佳頁面渲染？

CSS 應該永遠位於 JavaScript 之前嗎？

問題：
網路上建議經常建議將 CSS 放在 JavaScript 之前，這表明渲染線程需要顯示頁面之前的所有必要的樣式資訊。此建議仍然有效嗎？

答案：

為了調查此聲明，使用 Ruby 腳本進行了各種測試，該腳本允許 JavaScript 和 CSS 檢索中的任意延遲。結果顯示，當 JavaScript 包含放在第一位時，現代桌面瀏覽器的效能實際上有所提高：

• CSS 優先： 頁面渲染需要 1.5 秒。
• JavaScript First:頁面渲染需要1.4

在 Chrome、Firefox 和 Internet Explorer 中觀察到類似的結果。然而，Opera 在渲染時間上沒有差異。

解釋：
現代瀏覽器實現推測性解析，它們在遇到 之前開始檢索並執行腳本。標籤。因此，瀏覽器在下載 CSS 之前會等待 JavaScript 載入並執行，從而否定了任何先包含 CSS 的好處。

結論：
根據測試結果，最佳方式是在

中包含外部樣式表 after 外部腳本。標籤，特別是對於擁有超過 85% 市場份額的桌面瀏覽器。此順序可確保並行下載並提高大多數使用者的效能。

例外：
請注意，上述結論適用於桌面瀏覽器，可能不適用於行動瀏覽器，因為某些目前不支援推測解析。因此，測試並考慮對特定受眾的表現影響仍需謹慎。

以上是JavaScript 是否需要先於 CSS 才能實現最佳頁面渲染？的詳細內容。更多資訊請關注PHP中文網其他相關文章！