谷歌搜索引擎优化初学者指南(前端对我们的优化有哪些好处呢？影响前端优化的因素)

　　谷歌搜索引擎优化初学者指南(前端对我们的优化有哪些好处呢？影响前端优化的因素)

　　前端，简单的说，就是我们平时看到的网站页面就是前端。那么前端优化对我们有什么好处呢？

　　影响前端优化的因素有：代码减重、页面打开速度快、用户喜欢、搜索引擎喜欢。有没有发现网站运行一段时间后，发现网站收录的页面不再增长，而是一直保持在一定值之间，不管怎样你做更新你的页面，如何努力做好外链，收录没有太大变化。你考虑过这个原因吗？

　　首先，网站收录的前提是网站已经被搜索引擎的爬虫爬过。那么爬虫爬取一个页面需要一定的时间，甚至0.1秒。一般上百页没有网站的意义，但是只要超过2000页，就很容易出现收录的问题。

　　爬虫每天来找你的时间网站其实是一个固定值，它的爬行时间是根据你的网站的权重来决定的。假设你有一个网站（前端优化技术，帮助爬虫，爬取网站更快，之前爬一个页面可能需要2秒，优化后可能只有0. 5秒内，每天爬取到网站的页面数量可能会增加200%~300%。

　　当我们正常访问一个网页时，大约有5个链接。

　　DNS域名解析

　　与服务器建立连接

　　服务器计算返回的内容

　　下载内容到本地

　　浏览器处理下载的内容并呈现给用户

　　如果总时间超过500ms，中间的每个环节都需要优化。我们在做前端优化的时候，先找出自己网站慢的地方，优化会更有针对性。

　　下面说一下具体的优化规则：

　　（1）CSS 代码缩写。

　　这里提到的缩写主要是解决网站代码冗余、去掉不必要的空格等问题，如果能用一句话表达，就不要多加几行代码，符合W3C标准。

　　例如：最长的边距，属于多个属性，缩减为一个综合属性：

　　margin-left：2px;

margin-right：4px;

margin-top：8px;

margin-bottom：6px;

　　可以简写为边距：8px 4px 6px 2px；

　　去掉多余的空格键，可以有效减少网页的字节数。例如：

　　.a{Font-size:14px;

Border:2px solid red;

Padding:1px 2px;}

　　可以简写为： .a{ Font-size:14px; 边框：2px纯红色；填充：1px 2px;}

　　(2）建议同属性

　　如果两个样式有相同的属性，可以分别提出相同的属性进行处理。比如样式A和样式B的字体颜色、大小、边框都是一样的，可以考虑建议。例如：

　　.gongyong{font-size:12px;border:1px solid red}

.yangshi{ width:10px;}

.yangshi2{width:20px;}

　　(3）清晰优化的结构

　　网站明码就是把代码分成几个部分：网站head、body、footer，三个不同布局的区域。不同区间的代码要与总选择器区分开来，选择不同的颜色来分隔。

　　总结：网站的前端代码，搜索引擎看重20%的评价。代码简化，爬取目录层次浅，增强了搜索引擎对代码的友好度，从而增加了网站的权重，关键词会有很好的排名。如果代码冗长繁琐，搜索引擎就会少关注。