很(hen)多人都注(zhu)重内容的(de)(de)优化(hua)，却不注(zhu)意网(wang)站结(jie)构的(de)(de)优化(hua)，网(wang)站结(jie)构其实(shi)有(you)很(hen)多地方(fang)可(ke)以(yi)操(cao)作。例(li)如代(dai)码(ma)(ma)优化(hua)，常见的(de)(de)可(ke)以(yi)优化(hua)的(de)(de)地方(fang)有(you)JS代(dai)码(ma)(ma)和CSS代(dai)码(ma)(ma)以(yi)及(ji)HTML代(dai)码(ma)(ma)。

　　今天就这儿(er)来说(shuo)一下CSS代码(ma)的常规操作方(fang)法(fa)，你网(wang)站如果(guo)想做(zuo)CSS代码(ma)优化，可(ke)以参考一下。CSS为HTML标记语言(yan)提(ti)供了一种(zhong)样式描(miao)述，定义了其中元素的显示方(fang)式。换句(ju)话(hua)说(shuo)你网(wang)页的外(wai)观，布局，视觉(jue)都(dou)和(he)它有关(guan)。

　　操作要点之一，引入(ru)CSS文件的(de)方式。

　　网页中使用css共有三种方式(shi)，分别为：嵌入式(shi)、内联式(shi)、引用式(shi)。

　　嵌入式：将css写在 之间，并且用标记进行声明。

　　内联式(shi)：对html的标记使用(yong)style属性，然后将(jiang)css代码(ma)直接写(xie)在其中。

　　引用式：将(jiang)html页(ye)面本身与css样式分离为两个或多个文(wen)件，使用时从外(wai)部引入(ru)当前页(ye)面。

　　推(tui)荐使用第三种，就这儿(er)工具认为这样维护修改(gai)方便(bian)，加快网页(ye)显(xian)示速度(du)，减(jian)小页(ye)面体(ti)积。

　　操作要点之二(er)，CSS代码合并收缩。

　　充分(fen)利用css的(de)继承(cheng)和(he)综合应用，对于这一点需要有(you)一定(ding)的(de)css基础才能做到。这个很好学，有(you)很多教程。多个CSS文件如(ru)果不(bu)是必(bi)须分(fen)开(kai)，请(qing)合并为(wei)同一个文件，如(ru)此浏览(lan)器解读(du)你的(de)页面不(bu)需要多次打开(kai)不(bu)同的(de)CSS文件。

　　就这(zhei)儿认为(wei)这(zhei)样可(ke)以(yi)加(jia)快服务器的(de)响应，优化用户(hu)体验，也利于符(fu)合百度的(de)算法，尽量控制页面在3秒内打开。

　　操作要点(dian)之三，了解(jie)CSS常见语法避(bi)免(mian)拖(tuo)慢页面(mian)。

　　减少(shao)css嵌套，不(bu)要套三(san)层(ceng)以(yi)上，一般(ban)情况(kuang)下(xia)块级元(yuan)素(su)加上类，里面的内(nei)联(lian)元(yuan)素(su)不(bu)用加，css写的时候块级class套内(nei)联(lian)tag，这样不(bu)仅可以(yi)减少(shao)css文(wen)件大小，还能减少(shao)性能浪(lang)费。

　　不(bu)使(shi)(shi)用(yong)@import，因(yin)为使(shi)(shi)用(yong)@import影响css文(wen)件的(de)加载速度。减少低(di)效代码的(de)使(shi)(shi)用(yong)，如(ru)滤镜，express表达式，!import引入。

　　避免使用 expression 和 behavior。在(zai)页面(mian)渲染的(de)过程中(zhong)， expression 和 behavior 需要大量(liang)的(de)计算，会大量(liang)地耗费浏览器资(zi)源。

　　大的误区：

　　在就(jiu)这(zhei)儿工(gong)具(ju)要说一个就(jiu)是很多(duo)人(ren)会建议正式发布网(wang)站之前去压(ya)缩CSS文(wen)件，这(zhei)样也可以提(ti)高浏(liu)览器(qi)加(jia)载(zai)速度。事情(qing)是没(mei)错的(de)(de)，但是除(chu)非你后期(qi)不想修改页(ye)面，否则会你对维护造成(cheng)一定障碍。为(wei)什么？因为(wei)所谓的(de)(de)压(ya)缩，就(jiu)是把(ba)所有东西(xi)挤成(cheng)一堆，人(ren)类无(wu)法阅读，浏(liu)览器(qi)阅读无(wu)障碍。