程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> Web前端優化最佳實踐之CSS篇

Web前端優化最佳實踐之CSS篇

編輯:關於.NET

Web 前端優化最佳實踐第四部分面向 CSS。目前共計有 6 條實踐規則。另請參見 Mozilla 開發者中心的文章:Writing Efficient CSS

1. 把 CSS 放到代碼頁上端 (Put Stylesheets at the Top)

官方的解釋我覺得多少有點語焉不詳。這一條其實和用戶訪問期望有關。CSS 放到最頂部,浏覽器能夠有針對性的對 HTML 頁面從頂到下進行解析和渲染。沒有人喜歡等待,而浏覽器已經考慮到了這一點。

2. 避免 CSS 表達式 (Avoid CSS Expressions)

個人認為通過 CSS 表達式能做到的事情,通過其它手段也同樣能做到而且風險更小一些。

3. 從頁面中剝離 JavaScript 與 CSS (Make JavaScript and CSS External)

剝離後,能夠有針對性的對其進行單獨的處理策略,比如壓縮或者緩存策略。

4. 精簡 JavaScript 與 CSS (Minify JavaScript and CSS)

如果沒有 JavaScript 與 CSS 可能更好。但,這是不可能的,SO,盡量小點吧。語法能簡寫的簡寫。

5. 使用 <link> 而不是@importChoose <link> over @import

在 IE 中 @import 指令等同於把 link 標記寫在 HTML 的底部。而這與第一條相違背。

6. 避免使用Filter (Avoid Filters)

--EOF--

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved