前端，简单的说我们平时看到的网站页面就是前端。那么前端对我们的优化有哪些好处呢？
影响前端优化的因素有：代码减肥，页面打开速度快，用户喜欢，搜索引擎也喜欢。大家有的时候是否发现过一个网站运营过一段时间之后，发现网站收录的页面不再增长，而是一直保持在一定的数值之间，不管你怎么更新你的页面，怎么去卖力的做外链，收录都没有多大变化。你有没有考虑过这是什么原因吗？
首先，网站收录的前提是网站被搜索引擎的爬虫爬行过。那么爬虫去爬行一个页面，需要一定的时间，哪怕是0.1秒。一般几百个页面的网站，是没有感觉的，但是页面数量只要超过2000，就容易出现收录的问题。
爬虫每天来你网站的时间，其实是一个固定值，是根据你网站的权重来决定它的爬取时间。假设你有一个网站（http://www.nowamagic.net）权重是10，爬虫每天会规定用2个小时来爬取你网站的页面，算下，如果下载一个页面的时间是2秒钟。那能被爬虫爬到的页面能有多少？数量是非常有限的！我们来算下，2*3600/2=5400个 ，事实上爬虫还要考虑你服务器的负载问题。爬了一个页面，还要停一下，防止影响正常访客的使用，一个权重比较低的网站，可能要3~4秒，才能抓取一个页面。所以如果你的网站权重比价低的话，那么爬虫选择爬取的时间可能就会更短。
那样，每天爬虫能见到的页面，就非常有限了。收录数量也就理所当然的会出现上面提到的问题。那我们总结一下，提升网站蜘蛛爬行的总时间和提高蜘蛛的爬取频率的决定性因素：
一是网站的权重。
二是网站网页的打开速度（即前端优化）。
关于网站权重类的文章你在网上一搜到处都是，各种说法，五花八门，有的天花乱坠的，有的说的有条有理的。今天我们不说权重了，因为权重的问题属于老生常谈的话题，下面我们说下第二点：提高网站网页的打开速度。如何利用有限的时间，让网站获得更多的抓取？
这就需要前端优化这么一个技术，来帮助爬虫，更快的抓取网站，之前爬行一个页面可能要2秒，经过优化，可能只要0.5秒，那网站每天被爬行到的页面数量，有可能就是200%~300%的提升。
我们正常访问一个网页，大致有5个环节。
1 - DNS域名解析
2 - 与服务器建立连接
3 - 服务器计算返回内容
4 - 下载内容到本地
5 - 浏览器处理下载回来的内容呈现给用户
中间每个环节，总时间超过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%。代码简化，爬行的目录层次浅，这样加强了搜索引擎对代码的友好程度，进而提高网站的权重，关键词才会有良好的排名。如果代码冗余，烦琐，搜索引擎也就关注的少了。
via nowamagic.net