在前面我們已經為大家介紹了Web前端面向內容的優化規則,今天我們要介紹的是Web前端面向CSS優化的規則,希望匯仁智杰網絡推廣接下來的介紹對大家是有幫助的。
1、把CSS放到代碼頁上端:官方的解釋我覺得多少有點語焉不詳。這一條其實和用戶訪問期望有關。CSS 放到最頂部,瀏覽器能夠有針對性的對HTML頁面從頂到下進行解析和渲染。沒有人喜歡等待,而瀏覽器已經考慮到了這一點。
2、避免使用Filter 。
3、從頁面中剝離 JavaScript 與CSS:剝離后,能夠有針對性的對其進行單獨的處理策略,比如壓縮或者緩存策略。
4、使用 <link> 而不是@importChoose <link> over @import:在IE中 @import 指令等同于把 link 標記寫在HTML的底部。而這與第一條相違背。
5、精簡 JavaScript 與CSS:如果沒有 JavaScript 與CSS可能更好。但,這是不可能的,SO,盡量小點吧。語法能簡寫的簡寫。
6、避免CSS表達式:匯仁智杰認為通過CSS表達式能做到的事情,通過其它手段也同樣能做到而且風險更小一些。
以上就是關于Web前端面向CSS優化的規則的介紹了,如果有不對的地方或者有其他的疑問歡迎通過匯仁智杰微信號huirenzhijie跟我們交流。