在現代 Web 開發中 CSS 應該出現在 JavaScript 之前還是之後？

CSS 應該總是先於 JavaScript 嗎？
[Web 開發中的常見問題]

簡介：
以前，人們認為將CSS 放在JavaScript 之前是最佳選擇用於網路效能。然而，隨著現代瀏覽器和技術的進步，情況可能不再如此。

測試結果：
作者使用不同的瀏覽器和場景進行了廣泛的測試，比較了CSS 放置在 JavaScript 之前或之後的頁面的效能。結果顯示：

在桌面瀏覽器上：

• 當 CSS 延遲時，將 JavaScript 放在 CSS 之前可以提供微不足道的效能增益。

在行動裝置上瀏覽器：

• 作者在Android 4 上的測試顯示，似乎不支援推測性解析，這可能會影響CSS 放置的性能。

結論：
根據測試結果，作者建議即：

桌面瀏覽器：

• 桌面瀏覽器：

將外部樣式表放在外部腳本之後，只有當舊瀏覽器效能不是問題時，才能提供最佳效能。 （約85% 的桌面瀏覽器支援推測性解析。）

• 行動瀏覽器：

行動瀏覽器的結論可能會因具體情況而異使用的瀏覽器和作業系統。然而，在大多數情況下，將 CSS 放在 JavaScript 之前仍然可以提供效能優勢。

其他注意事項：
作者指出存在各種爭論比較將腳本放置在頭部與正文的末尾，但本次討論特別關注CSS 相對於JavaScript在

結論：在現代桌面瀏覽器中，將CSS 放在JavaScript之後不會損害效能，並且在某些情況下可以提供增益。將腳本放在第一位不會影響大多數行動瀏覽器的效能。但是，在做出此決定時，重要的是要考慮特定的目標受眾和瀏覽器支援。

以上是在現代 Web 開發中 CSS 應該出現在 JavaScript 之前還是之後？的詳細內容。更多資訊請關注PHP中文網其他相關文章！