怎样才能把网站的css做好?

古柏广告设计
助力企业品牌成长
围观:1045次

网站优化对于阿清来说最重要的网站的内部优化,只要把网站内部优化做好了,其他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 .XXX{color:red;}

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

 

版权声明:以上文章信息来源于网络,等仅代表原作者本人的观点。除了已经标注原创的文章外,其它文章版权和文责属于原作者。文章中出现的商标、专利和其他版权所有的信息,其版权属于其合法持有人。对可以提供充分证据的侵权信息, 我们将在确认后的1小时内删除。


本网站之声明以及其修改权、更新权和最终解释权均属广州古柏广告策划有限公司所有。

(注:古柏广告-版权所有-转载请注明出处。)

关键词: 返回上层
品牌全案策划、设计、执行一站式服务,
助力企业品牌成长!

扫一扫关注古柏

GOOBAI AD.

Brand Whole Case Design


4000-882-993

www.goobai.com

微信加好友咨询


广州古柏广告策划有限公司

地址:广州市天河区东圃长盛商务大厦B213-215

Copyright©2004-2020 GOOBAI Inc.All rights reserved

粤公网安备: 44010602001481号

备案号:粤ICP备09222445号

GOOBAIAD

服务热线:020-3160-9080

业务总监:136-3149-2728(Mr.罗)

Q Q/微信:212210324

与古柏对话

关注古柏