全国统一咨询热线:18609840880

网站优化之站内优化中的css优化

2016-04-12 09:00:33

网站优化关于阿清来说主要的网站的内部优化,只需把网站内部优化做好了,其他搜索引擎优化步调才干起到事半功倍的结果。阿清会在后面陆续写关于站内优化的办法,今日先讲搜索引擎优化之站内优化—css优化。为什么说站内优化才是搜索引擎优化中主要的一个环节呢。列位SEOer可以想想网站优化其实无非就那么几个主要的环节,而那些环节都是需求继续反复天天要做的工作。不需求太花脑力,只需求把本人当苦力使唤就行了。

而站内优化却纷歧样,不晓得人人有没有领会,几小我统一工夫做网站,都是更新的原创文章,也内部链接和外部链接、文章优化等等都是差不多的。然则却 又黑白之分呢?在说一个例子,一些做淘宝客等敏捷抢占排名的网站,大都情愿运用博客顺序去建站。不只仅在于博客本身的界说,(博客中的文章,可以分析为博 主本人写的,而博主本人写的界说为原创文章)。这种博客本身的界说对以前来说照样有很鸿文用的。然则跟着博客的众多和很多低质量的博客呈现,这点占的比重 也越来越低了。然则人人会说,目前运用博客顺序照样会比网站顺序轻易收录。确实,这是由于博客顺序的内部构造对搜素引擎来说愈加友爱。博客顺序的构造普通 都邑比拟扁平,内容页面离首页的间隔很近,愈加利于蜘蛛抓取。当然还有良多办法。阿清罗列出这点,只是想阐明一点,网站的内部优化非常主要。站长们不要想 着草草做了站,靠什么伪原创、渣滓外链等等来进步排名。如许不只很累,并且结果还欠好。人人可以去看看这两篇文章《新站长需做的预备》和《精简代码详解》。这两篇都是引见网站内部优化的。

好了言归正传,讲css优化,首要讲css执行效率。究竟网站的执行效率跟搜索引擎优化也是有很大关系的。在这之前阿清需求引见一下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款式呢?