您当前的位置: 首页 > 汽车

新疆SEO网站优化之站内优化中的css优

2019-01-31 16:43:53

站优化对昆明儿童癫痫病治疗于阿清来说重要的站的内部优化,只要把站内部优化做好了,其他seo步骤才能起到事半功倍的效果。阿清会在后面陆续写关于站内优化的方法,今天先讲seo之站内优化css优化。为什么说站内优化才是seo中重要的一个环节呢。各位SEOer可以想想站优化其实无非就那么几个重要的环节,而那些环节都是需要持续重复每天要做的事情。不需要太花脑力,只需要把自己当苦力使唤就行了。

而站内优化却不一样,不知道大家有没有体会,几个人同一时间做站,都是更新的原创文章,也内部链接和外部链接、文章优化等等都是差不多的。但是却 又好坏之分呢?在说一个例子,一些做淘宝客等迅速抢占排名的站,大都愿意使用博客程序去建站。博客程序的结构一般 都会比较扁平,内容页面离首页的距离很近,更加利于蜘蛛抓取。当然还有很多方法。阿清列举出这点,只是想说明一点,站的内部优化十分重要。站长们不要想 着草草做了站,靠什婴儿出生脑瘫原因么伪原创、垃圾外链等等来提高排名。这样不仅很累,而且效果还不好。大家可以去看看这两篇文章《新站长需做的准备》和《精简代码详解》。这两篇都是介绍站内部优化的。

好了言归正传,讲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 .XX加强乳腺癌预防X{color:red;}

这样写效率就会高很多,此类例子还有很多。例如层div嵌套过多写的样式可能也会有这种情况。其实现在很多CMS还有一些前端的高手都注意到了这一问题。不明白的人会比较郁闷,为什么都是底层了还要在每个元素中加上class样式呢?

呵呵,相比大家应该有所体会。

深圳积分入户政策
二手集装箱价格
资质代办
天津镀锌矩管公司
usb2.0HUBIC
6061精密铝管公司
推荐阅读
图文聚焦