搜索引擎不曾公开的秘密之前端优化

前端优化，简单的说我们平时看到的网站页面就是前端！那么前端对我们的优化有哪些好处！往下看！

影响前端优化的因素有：代码减肥，页面打开速度快，用户喜欢，搜索引擎喜欢！

大家有的时候是否发现过一个网站运营过一段时间之后，发现网站收录的页面不在增长！一直保持在一定的
数值之间，不管你怎么更新你的页面，怎么去卖力的做外链，收录都没有多大变化！你有没有考虑过这是什

么原因！？往下看即将揭晓答案！

首先，网站收录的前提是网站被搜索引擎的爬虫爬行过。那么爬虫去爬行一个页面，需要一定的时间，哪怕

是0.1秒，一般几百个页面的网站，是没有感觉的，但是页面数量只要超过2000，就容易出现收录的问题。

爬虫每天来你网站的时间，其实是一个固定值，是根据你网站的权重来决定它的爬取时间。这个你知道嘛？
你不知道！往下看！

假设你有一个网站（http://www.xuehai.net）权重是10，爬虫每天会规定用2个小时来爬取你网站的页面，算下，如果下载一个页面的时间是

2秒钟。那能被爬虫爬到的页面能有多少？数量是非常有限的！我们来算下，2*3600/2=5400个 ，事实上爬虫

还要考虑你服务器的负载问题。爬了一个页面，还要停一下，防止影响正常访客的使用，一个权重比较低的

网站，可能要3~4秒，才能抓取一个页面。所以如果你的网站权重比价低的话，那么爬虫选择爬取的时间可能

就会更短。

那样，每天爬虫能见到的页面，就非常有限了。收录数量也就理所当然的会出现上面提到的问题！

那我们总结一下，提升网站蜘蛛爬行的总时间和提高蜘蛛的爬取频率的决定性因素：
一，网站的权重 
二，网站网页的打开速度（即前端优化）
关于网站权重类的文章你在网上一搜到处都是，各种说法，五花八门，有的天花乱坠的，有的说的有条有理

的！今天我们不说权重了！因为权重的问题属于老生常谈的话题！再说也没有意思！下面我们说下第二点，

提高网站网页的打开速度！？如何利用有限的时间，让网站获得更多的抓取？

这就需要前端优化这么一个技术，来帮助爬虫，更快的抓取网站，之前爬行一个页面可能要2秒，经过优化，

可能只要0.5秒，那网站每天被爬行到的页面数量，有可能就是200%~300%的提升。

我们正常访问一个网页，大致有5个环节。

DNS域名解析->与服务器建立连接->服务器计算返回内容->下载内容到本地->浏览器处理下载回来的内容呈现

给用户，中间每个环节，总时间超过500ms的都需要进行优化。当我们在做前端优化的时候，先找一找自己的

网站到底慢在哪里，在去做优化会比较有针对性。

下面我们说下具体的优化细则：

代码优化细则：
（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）结构清晰优化
网站代码清晰是指，把代码分区处理：网站head、body，footer，3个区域进行不同的布局。不同区间的代码

要区别总的选择器，选择不同颜色加以区分隔开处理。
总结：网站的前端代码，搜索引擎重视评估程度为20%。代码简化，爬行的目录层次浅，这样加强了搜索引擎

对代码的友好程度，进而提高网站的权重，关键词才会有良好的排名。如果代码冗余，烦琐，搜索引擎也就

关注的少了。