重视网站前端代码优化几个细则
历经2年的学习,我对网站优化总结了几点:网站结构优化,前端代码优化,网页设计优化,链接优化等四个方面。每个优化细节,都产生着交叉式的影响,而且对网站产生着不同的作用。然而前端代码是网站的基础语言,也是搜索引擎认知的语言,所以每个网站都要重视前端代码,今天分享一下,我是如何进行优化前端代码的。
前端代码主要包括CSS语言和HTML语言。这里主要说一下CSS代码优化。
Css代码优化对网站的好处是:
(1)加快用户打开网站的速度,一般情况一下,用户打开网站超过8秒,用户就排除了这个网站。所以在优化代码的时候,代码简单是重要的一个方面。简单代码是网页的字节数减少了,减少了浏览器下载代码的时间。
(2)网站改版css便于修改,标准的css让代码整齐,简单,不管是网站的改版,还是网站修改内容,都便于维护,省去大量的时间。
代码优化细则:
(1)CSS代码简写。这里说的简写主要解决的问题是,网站代码冗余,去除不必要的空格等等。如果可以用一句表达的语言,就不要多出几行代码,符合W3C标准。
代码冗余
例如:最长用的margin,属于多个属性简化为一条综合属性
未优化前
margin-left:2px;
margin-right:4px;
margin-top:8px;
margin-bottom:6px;
可以简写为
margin:8px 4px 6px 2px;
去除代码空格
去除多余的空格键,可以有效减少网页的字节数
例如:
.a{
Font-size:14px;
Border:2px solid red;
Padding:1px 2px;}
可以简写为:
.a{ Font-size:14px; Border:2px solid red; Padding:1px 2px;}
(2)同属性提出
如果2个样式带有同样的属性,可以把同属性单独提出处理。例如A样式和B样式的字体颜色、大小、边框都一样,那么就可以考虑提出。
例如:
.gongyong{font-size:12px;border:1px solid red}
.yangshi{ width:10px;}
.yangshi2{width:20px;}
(3)结构清晰优化
网站代码清晰是指,把代码分区处理:网站头部、网站身体,网站底部,3个区域进行不同的布局。不同区间的代码要区别总的选择器,选择不同颜色加以区分隔开处理。
总结:网站的前端代码,搜索引擎重视评估程度为20%。代码简化,爬行的目录层次浅,这样加强了搜索引擎对代码的友好程度,进而提高网站的权重,关键词才会有良好的排名。如果代码冗余,烦琐,搜索引擎也就关注的少了。
- 上一篇: 浅谈影响百度收录的六大因素
- 下一篇: 浅谈我对外链与反链的理解
- 相关文章:
选择网站空间 (2018-6-4 16:2:18)
如何选择有利于网站的域名? (2018-6-4 15:19:50)
一年小站长网站成功的经验分享 (2015-12-14 17:14:0)
电子商务网站的首页怎么设计? (2015-12-14 17:6:28)
十个增加电子商务网站销售量的方法 (2015-11-5 19:48:6)
深度分析网站日志的作用及使用方法 (2015-10-6 20:17:23)
利用Yahoo Pipe来烧制网站Rss方法详解 (2015-10-6 20:9:41)
中小企业网站外包应该注意的几点 (2015-10-6 19:58:20)
谈谈网站测试中的AB测试方法 (2015-9-12 15:46:23)
企业网站第一步 举步维艰 (2015-9-12 15:39:50)
- 留言列表:
- 最新
- 热门
- 随机
- 搜索
-
- 日历
- 网站分类
-
- 最近发表
-
- 图标汇集
-
- 友情链接
-