在前面我們已經(jīng)為大家介紹了Web前端面向內(nèi)容的優(yōu)化規(guī)則，今天我們要介紹的是Web前端面向CSS優(yōu)化的規(guī)則，希望匯仁智杰網(wǎng)絡(luò)推廣接下來(lái)的介紹對(duì)大家是有幫助的。

　　1、把CSS放到代碼頁(yè)上端：官方的解釋我覺(jué)得多少有點(diǎn)語(yǔ)焉不詳。這一條其實(shí)和用戶訪問(wèn)期望有關(guān)。CSS 放到最頂部，瀏覽器能夠有針對(duì)性的對(duì)HTML頁(yè)面從頂?shù)较逻M(jìn)行解析和渲染。沒(méi)有人喜歡等待，而瀏覽器已經(jīng)考慮到了這一點(diǎn)。

　　2、避免使用Filter 。

　　3、從頁(yè)面中剝離 JavaScript 與CSS：剝離后，能夠有針對(duì)性的對(duì)其進(jìn)行單獨(dú)的處理策略，比如壓縮或者緩存策略。

　　4、使用 <link> 而不是@importChoose <link> over @import：在IE中 @import 指令等同于把 link 標(biāo)記寫(xiě)在HTML的底部。而這與第一條相違背。

　　5、精簡(jiǎn) JavaScript 與CSS：如果沒(méi)有 JavaScript 與CSS可能更好。但，這是不可能的，SO，盡量小點(diǎn)吧。語(yǔ)法能簡(jiǎn)寫(xiě)的簡(jiǎn)寫(xiě)。

　　6、避免CSS表達(dá)式：匯仁智杰認(rèn)為通過(guò)CSS表達(dá)式能做到的事情，通過(guò)其它手段也同樣能做到而且風(fēng)險(xiǎn)更小一些。

　　以上就是關(guān)于Web前端面向CSS優(yōu)化的規(guī)則的介紹了，如果有不對(duì)的地方或者有其他的疑問(wèn)歡迎通過(guò)匯仁智杰微信號(hào)huirenzhijie跟我們交流。