很多(duo)人都注重內容的優(you)化，卻不注意網站(zhan)結構(gou)的優(you)化，網站(zhan)結構(gou)其實有很多(duo)地方(fang)可以(yi)操作。例如代碼優(you)化，常(chang)見(jian)的可以(yi)優(you)化的地方(fang)有JS代碼和CSS代碼以(yi)及HTML代碼。

　　今(jin)天就這兒來(lai)說一下(xia)CSS代碼的常規操作方法，你網站如果想做CSS代碼優(you)化，可以參考一下(xia)。CSS為HTML標記語言提供了(le)一種樣(yang)式描述，定義了(le)其中(zhong)元素的顯示方式。換句話說你網頁的外(wai)觀，布局，視(shi)覺都和它(ta)有關(guan)。

　　操作要點之(zhi)一，引入CSS文件的方(fang)式。

　　網(wang)頁(ye)中使用css共有三種方式(shi)，分別為：嵌入式(shi)、內聯(lian)式(shi)、引用式(shi)。

　　嵌入式：將css寫在 之間，并且用標記進行聲明。

　　內(nei)聯式：對html的標記使用style屬性(xing)，然后將css代碼直接(jie)寫(xie)在(zai)其中(zhong)。

　　引(yin)用式：將html頁面本身與css樣式分離為(wei)兩個或(huo)多(duo)個文件，使用時(shi)從外部引(yin)入當前頁面。

　　推薦(jian)使用第三(san)種，就這(zhe)兒(er)工具認為這(zhe)樣(yang)維護(hu)修改方(fang)便，加快網頁(ye)顯(xian)示速(su)度(du)，減小頁(ye)面體積。

　　操(cao)作要點之二，CSS代碼合并(bing)收縮(suo)。

　　充(chong)分利用(yong)css的(de)繼(ji)承和綜合(he)應用(yong)，對于這一(yi)點需要有(you)一(yi)定的(de)css基(ji)礎才(cai)能(neng)做到。這個(ge)很(hen)好(hao)學，有(you)很(hen)多(duo)(duo)教程(cheng)。多(duo)(duo)個(ge)CSS文(wen)(wen)件如(ru)果不是必須分開(kai)，請合(he)并為同一(yi)個(ge)文(wen)(wen)件，如(ru)此(ci)瀏覽器(qi)解讀你(ni)的(de)頁面(mian)不需要多(duo)(duo)次打開(kai)不同的(de)CSS文(wen)(wen)件。

　　就(jiu)這兒認為(wei)這樣可以加快服務器的響應(ying)，優(you)化(hua)用戶體驗，也利于符合百(bai)度(du)的算法(fa)，盡量(liang)控(kong)制頁(ye)面在3秒內打開。

　　操作要點之三，了(le)解CSS常(chang)見語法避免(mian)拖慢頁(ye)面(mian)。

　　減(jian)(jian)少css嵌(qian)套，不(bu)要(yao)套三(san)層以上(shang)，一般情況下塊級元(yuan)素加上(shang)類(lei)，里面的(de)內聯(lian)元(yuan)素不(bu)用加，css寫的(de)時候塊級class套內聯(lian)tag，這樣不(bu)僅可以減(jian)(jian)少css文件大小，還能(neng)減(jian)(jian)少性能(neng)浪費。

　　不使(shi)用(yong)@import，因為使(shi)用(yong)@import影響css文件的加載(zai)速度。減少低效(xiao)代碼的使(shi)用(yong)，如濾鏡，express表(biao)達式，!import引入。

　　避免(mian)使(shi)用 expression 和 behavior。在頁面渲染的過程中， expression 和 behavior 需要大量的計算，會大量地耗費瀏覽器(qi)資源。

　　大的誤區：

　　在就(jiu)(jiu)這兒工具要說一個就(jiu)(jiu)是(shi)很多(duo)人(ren)會(hui)建議正(zheng)式(shi)發布網站之前去壓縮CSS文件，這樣(yang)也可以提高瀏覽(lan)器加載速(su)度。事(shi)情是(shi)沒錯的，但是(shi)除(chu)非你后(hou)期不(bu)想修(xiu)改頁面，否(fou)則會(hui)你對維護造(zao)成一定(ding)障礙。為什么？因為所謂的壓縮，就(jiu)(jiu)是(shi)把所有東西擠成一堆，人(ren)類(lei)無(wu)(wu)法(fa)閱讀(du)，瀏覽(lan)器閱讀(du)無(wu)(wu)障礙。