Overview
使用CSS @import導入外部樣式表會給頁面加載增加額外的延遲。
Details
CSS @import允許在樣式表中導入其它樣式表。當CSS @import被用於外部樣式表，瀏覽器不能並行下載樣式表，這會給整個頁面加載增加多餘的RTT(round-trip times)。比如若first.css中包含如下內容：
@import url("second.css")瀏覽器先下載，解析和執行first.css，然後再下載second.css。
Recommendations
- 使用<link>標籤替換CSS @import
-
使用<link>標籤替換@import可以使用瀏覽器並行加載樣式表，從而縮短頁面加載時間：
<link rel="stylesheet" href="first.css"> <link rel="stylesheet" href="second.css">
原文鏈接：https://developers.google.com/speed/docs/best-practices/rtt#AvoidCssImport
