網站優化對於阿清來說最關緊的網站的內裡優化，只要把網站內裡優化做好了，其它seo步驟能力起到事半功倍的效果。阿清會在後面陸續寫關於站內優化的辦法，今日先講seo之站內優化—css優化。為何說站內優化纔是seo中最關緊的一個環節呢。各位SEOer可以想想網站優化實際上不過就那末幾個關緊的環節，而那一些環節都是需求連續不斷重復每日要做的事物。不必太花記憶力，只消把自個兒當苦力使喚就行了。

　　而站內優化卻不同，不曉得大家有沒有體驗領會，幾私人同一時間做網站，都是更新的原創文章，也內裡鏈接和外部鏈接、文章優化等等都是相差無幾的。不過卻 又好壞之分呢?在說一個例子，一點做淘寶客等迅疾搶佔名次的網站，大都願意運用博客手續去建站。不止只在於博客自身的定義，(博客中的文章，可以詮釋為博 主自個兒寫的，而博主自個兒寫的定義為原創文章)。這種博客自身的定義對曾經來說仍然有非常大效用的。不過隨著博客的泛濫和數量多低品質的博客顯露出來，這點佔的比重 也越來越低了。不過大家會說，如今運用博客手續仍然會比網站手續容易收錄。確實，這是由於博客手續的內裡結構對搜素引擎來說更加友善。博客手續的結構普通 都會比較扁平，內部實質意義頁面離首頁的距離很近，更加利於蛛蛛抓取。當然還有眾多辦法。阿清列舉出這點，只是想解釋明白一點兒，網站的內裡優化非常關緊。站長們不要想 著草率做了站，靠啥子偽原創、垃圾外鏈等等來增長名次。這麼不止很累，並且效果還非常不好。大家可以去看看這兩篇文章《新站長需做的seo准備》和《精簡代碼詳解》。這兩篇都是紹介網站內裡優化的。

　　好了言歸正傳，講css優化，主要講css執行速率。畢竟網站的執行速率跟seo也是有非常大關系的。在這之前阿清需求紹介一下子css挑選器的執行和瀏覽器渲染過程。

　　首先瀏覽器是從右至左來處置挑選器的，那末再來說下瀏覽器辦公的過程，這處是渲染的過程，獲得數值在這以後，瀏覽器要先畫出一個DOM樹，而後再有一個 reflow 的過程，這個過程就是在CSS 文件下載在這以後，確認要渲染的元素在DOM中的位置，而CSS 式樣中，眾多眾多在應用的時刻都要有一個reflow 的過程，所以，防止這個過程，後者減損這個過程，都會相當大的提高瀏覽器的速率。

　　還有一個就是 CSS 挑選器的優先問題了，這個這處無幾說了。那末阿清來講個例子吧，直接較早一代碼例如，我們一般的挑選器會這樣寫：

　　.main .pright div a{color:red;}

　　那末依據上頭說的幾條，瀏覽器的辦公過程是畫出好DOM 樹在這以後，便會查尋頁面中全部a 元素了。查尋到全部的 a 元素在這以後，又著手查尋出於 .main類下邊的.pright類再找div，最終找到a標簽，假如這個div裡邊有好多好多a元素便會是一個十分浪費資源的事物。那末假如這處有更多 個.XXX 呢?

　　所以我們可以這樣寫，在div裡的全部a元素都加上class=XXX，挑選器便會這麼寫了：

　　.main .pright div a .XXX{color:red;}

　　這麼寫速率便會高眾多，此類例子還有眾多。例如層div嵌套過多寫的式樣有可能也會有這種事情狀況。其成功實現在眾多CMS還有一點前端的聖手都注意到達這一問題。不清楚的人會比較煩悶，為何都是底層了還要在每個元素中加上class式樣呢?

　　呵呵，相形大家應當有所體驗領會。