CSS ?? ???? ???
On this page
? ??? PageSpeed Insights? ? ???? ???? ??? ?? ?????? ??? ??? ? ??????. ? ?????? ??? ???? ???? ??? ??????.
概覽
屏幕顯示內(nèi)容之前，瀏覽器會(huì)阻止外部CSS文件。這會(huì)導(dǎo)致額外的網(wǎng)絡(luò)延遲，并延長(zhǎng)屏幕顯示內(nèi)容的時(shí)間。??
?? CSS ??? ?? ?? HTML ??? ?? ??? ? ????. ?? ??? ??? ???. ? ???? ? ?? CSS ??? ???? ????? ? ???? ?? ???? ? ????. CSS ??? ? ?? CSS? ??? ????? PageSpeed Insights?按優(yōu)先級(jí)排列可見內(nèi)容? ???? ? ?? ??? ?? ??? ?????. CSS ??? ? ?? ? ?? ?? ??? ????? ? ??? CSS? ???? ??? ???? ??, ? ?? ?? ??? ??? ??? ??? ??? ??? ?? ???? ???.
內(nèi)嵌較小CSS文件的示例
如果HTML文檔如下所示：
?
< html >
< head >
? ?
?
?
< div class="blue" >
? ? ? Hello, world!
? ?
< /body >
< /html >
并且small.css資源如下所示：
?
? .yellow {background-color: yellow;}? .blue {color: blue;}
. big {font-size: 8em;}
? .bold { font-weight: bold; }
您就可以內(nèi)嵌關(guān)鍵的CSS，具體方法如下：
?
< head >
< style >
? ? ? .blue{color:blue;}
? ?
? ?
< body >
< div class="blue" >
Hello, world!
? ?
?