Web前端最佳化>css 最佳化

來源:互聯網
上載者:User

請參見 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)
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.