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

更快的页面速度有利于提高收录量
服务器君一共花费了154.365 ms进行了4次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

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

影响前端优化的因素有:代码减肥,页面打开速度快,用户喜欢,搜索引擎也喜欢。大家有的时候是否发现过一个网站运营过一段时间之后,发现网站收录的页面不再增长,而是一直保持在一定的数值之间,不管你怎么更新你的页面,怎么去卖力的做外链,收录都没有多大变化。你有没有考虑过这是什么原因吗?

首先,网站收录的前提是网站被搜索引擎的爬虫爬行过。那么爬虫去爬行一个页面,需要一定的时间,哪怕是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%。代码简化,爬行的目录层次浅,这样加强了搜索引擎对代码的友好程度,进而提高网站的权重,关键词才会有良好的排名。如果代码冗余,烦琐,搜索引擎也就关注的少了。

本文地址:http://www.nowamagic.net/librarys/veda/detail/1750,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/1750

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《程序员修炼之道:从小工到专家》 亨特(Andrew Hunt) (作者), 托马斯(David Thomas) (作者), 马维达 (译者)

《程序员修炼之道:从小工到专家》内容简介:《程序员修炼之道》由一系列独立的部分组成,涵盖的主题从个人责任、职业发展,知道用于使代码保持灵活、并且易于改编和复用的各种架构技术,利用许多富有娱乐性的奇闻轶事、有思想性的例子及有趣的类比,全面阐释了软件开发的许多不同方面的最佳实践和重大陷阱。无论你是初学者,是有经验的程序员,还是软件项目经理,《程序员修炼之道:从小工到专家》都适合你阅读。

更多计算机宝库...