admin
管理员
管理员
  • UID1
  • 粉丝2
  • 关注2
  • 发帖数339
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:4370回复:0

前端优化,搜索引擎不为人知的秘密

楼主#
更多 发布于:2013-09-14 15:59
分享到:
前端,简单的说我们平时看到的网站页面就是前端。那么前端对我们的优化有哪些好处呢?
影响前端优化的因素有:代码减肥,页面打开速度快,用户喜欢,搜索引擎也喜欢。大家有的时候是否发现过一个网站运营过一段时间之后,发现网站收录的页面不再增长,而是一直保持在一定的数值之间,不管你怎么更新你的页面,怎么去卖力的做外链,收录都没有多大变化。你有没有考虑过这是什么原因吗?
首先,网站收录的前提是网站被搜索引擎的爬虫爬行过。那么爬虫去爬行一个页面,需要一定的时间,哪怕是0.1秒。一般几百个页面的网站,是没有感觉的,但是页面数量只要超过2000,就容易出现收录的问题。
爬虫每天来你网站的时间,其实是一个固定值,是根据你网站的权重来决定它的爬取时间。假设你有一个网站(http://www.minimalart.cn
权重是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%。代码简化,爬行的目录层次浅,这样加强了搜索引擎对代码的友好程度,进而提高网站的权重,关键词才会有良好的排名。如果代码冗余,烦琐,搜索引擎也就关注的少了。
游客

返回顶部