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

发布时间：2025-09-21 00:40:47 阅读量： 0 来源： 互联网转载

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

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

好了言归正传，讲css优化，首要讲css执行效率。究竟网站的执行效率跟搜索引擎优化也是有很大关系的。在这之前阿清需求引见一下css选择器的执行和阅读器衬着进程。

起首阅读器是从右至左来处置选择器的，那么再来说下阅读器任务的进程，这里是衬着的进程，获得数据之后，阅读器要先绘制一个DOM树，然后再有一个 “reflow” 的进程，这个进程就是在CSS 文件下载之后，确定要衬着的元素在DOM中的地位，而CSS 款式中，良多良多在使用的时分都要有一个“reflow” 的进程，所以，防止这个进程，后者削减这个进程，都邑相当大的提拔阅读器的效率。

还有一个就是 CSS 选择器的优先问题了，这个这里不多说了。那么阿清来讲个例子吧，直接上代码例如，我们凡间的选择器会这么写：

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

那么依据上面说的几条，阅读器的任务进程是绘制好DOM 树之后，就会查找页面中一切a 元素了。查找到一切的 a 元素之后，又开端查找出于 .main类下面的.pright类再找p，终找到a标签，假如这个p里面有很多很多a元素就会是一个十分消耗资本的工作。那么假如这里有更多个.XXX 呢?

所以我们可以这么写，在p里的一切a元素都加上class=“XXX”，选择器就会如许写了：

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

如许写效率就会高良多，此类例子还有良多。例如层p嵌套过多写的款式能够也会有这种状况。其完成在良多CMS还有一些前端的高手都留意到了这一问题。不清楚的人会比拟郁闷，为什么都是底层了还要在每个元素中加上class款式呢?

上一篇: 网站优化之如何权衡核心功能和辅助功能的关系

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

热门文章