• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見(jiàn)問(wèn)題 >> 營(yíng)銷推廣 >> seo優(yōu)化 >> Web 前端優(yōu)化最佳實(shí)踐之 CSS 篇

Web 前端優(yōu)化最佳實(shí)踐之 CSS 篇

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：網(wǎng)絡(luò)推廣部 點(diǎn)擊數(shù)： 更新時(shí)間：2013-07-22
• 　　Web 前端優(yōu)化最佳實(shí)踐第四部分面向 CSS。目前共計(jì)有 6 條實(shí)踐規(guī)則。另請(qǐng)參見(jiàn) Mozilla 開(kāi)發(fā)者中心的文章：Writing Efficient CSS
  
  1. 把 CSS 放到代碼頁(yè)上端 (Put Stylesheets at the Top)
  官方的解釋我覺(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. 避免 CSS 表達(dá)式 (Avoid CSS Expressions)
  個(gè)人認(rèn)為通過(guò) CSS 表達(dá)式能做到的事情，通過(guò)其它手段也同樣能做到而且風(fēng)險(xiǎn)更小一些。
  
  3. 從頁(yè)面中剝離 JavaScript 與 CSS (Make JavaScript and CSS External)
  剝離后，能夠有針對(duì)性的對(duì)其進(jìn)行單獨(dú)的處理策略，比如壓縮或者緩存策略。
  
  4. 精簡(jiǎn) JavaScript 與 CSS (Minify JavaScript and CSS)
  如果沒(méi)有 JavaScript 與 CSS 可能更好。但，這是不可能的，SO，盡量小點(diǎn)吧。語(yǔ)法能簡(jiǎn)寫的簡(jiǎn)寫。
  
  5. 使用 而不是@importChoose over @import
  在 IE 中 @import 指令等同于把 link 標(biāo)記寫在 HTML 的底部。而這與第一條相違背。
  
  6. 避免使用Filter (Avoid Filters)
  
  成都創(chuàng)新互聯(lián)網(wǎng)站設(shè)計(jì)：Web前端優(yōu)化專題
  1.Web 前端優(yōu)化最佳實(shí)踐之 內(nèi)容篇
  2.Web 前端優(yōu)化最佳實(shí)踐之 Server 篇
  3.Web 前端優(yōu)化最佳實(shí)踐之 Cookie 篇
  4.Web 前端優(yōu)化最佳實(shí)踐之 CSS 篇
  5.Web 前端優(yōu)化最佳實(shí)踐之 JavaScript 篇
  6.Web 前端優(yōu)化最佳實(shí)踐之 圖象篇
  7.Web 前端優(yōu)化最佳實(shí)踐之 Mobile(iPhone) 篇
• 網(wǎng)站SEO做soso問(wèn)問(wèn)外鏈的一點(diǎn)經(jīng)驗(yàn) :上一篇
  到底哪些是網(wǎng)站創(chuàng)業(yè)的網(wǎng)站交易文章 :下一篇