代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 站长学院 > SEO资讯 >

网页SEO优化加速:减少页面HTTP请求数

来源:未知 发布时间:2019-03-31热度:我要评论
减少HTTP请求数,是前端开发性能优化的非常重要方面,也是网页SEO优化重点之一,有如下优点: 1.减少DNS请求所耗费的时间 一个DNS请求会耗费20毫秒到120毫秒,如果站内、站外的请求较多,页面打开速度就会超过2-6秒。 2.减少服务器压力 因为每个HTTP请求都会耗费服务器...

       减少HTTP请求数,是前端开发性能优化的非常重要方面,也是网页SEO优化重点之一,有如下优点:

1.减少DNS请求所耗费的时间

       一个DNS请求会耗费20毫秒到120毫秒,如果站内、站外的请求较多,页面打开速度就会超过2-6秒。

2.减少服务器压力

       因为每个HTTP请求都会耗费服务器资源,特别是一些需要计算合并等操作的服务器,耗费服务器的CPU资源。

3.减少http请求头

       对服务器发起一个请求,会携带着这个域名下的COOKIE和一些其他的信息在HTTP头部里,服务器响应请求的时候,也会带回一些COOKIE之类的头部信息,这些信息有的时候会很大,在这种请求和响应的时候会影响带宽性能。

了解请求、解析、服务器之间的关系

       首先看看用户输入1个URL到下载内容到客户端需要经过哪些阶段:

1. 域名解析

2. 开启TCP连接

3. 发送请求

4. 等待(主要包括网络延迟和服务器处理时间)

5. 下载资源

网页加载速度dns响应时间

       以上是SEO博客内容页URL请求情况,左边的304返回码代表已经被缓存了,网站打开时间慢很多人认为是加载站内的文件太大了,其实解析bdimg.share.baidu.com,cpro.baidustatic.com这些站外的DNS解析消耗的时间比站内的多太多了

SEO优化应最先考虑服务器

       过多的HTTP请求对服务器来说是痛苦的,如果你的服务器不够强大,就是最先考虑的事,我们做SEO优化不仅仅是页面内容本身的优化,没有一个好的服务器,后端再优化前端展示慢了,也是浪费心思!

       做SEO优化的网站如果业务、服务辐射国内,就采用国内的服务器,不考虑香港、台湾、美国;国际业务选择速度快的服务器了,当然价格不菲。

        比如阿里万网的CDN,能解决足够的后台资源保障,所以SEO应该把重心转移到用户体验上,用户体验最重要的就是加载速度。既然页面请求HTTP次数会影响加载速度,我们应该如何做:

网页设计不提倡的原则

       对前端网页设计中,为了页面效果,会采用多个JS效果。采用“开发工具包”的网站有以下缺陷:

1.p 的class命名不简洁

比如:<p class="channel1_part1_description">

2.采用公共CSS样式表+数个自定义CSS样式表的方案或一个CSS样式表里重复定义

<link href="http://www.vi586.com/css/basic.css" rel="stylesheet" media="screen" type="text/css">
<link href="http://www.vi586.com/css/style.css" rel="stylesheet" media="screen" type="text/css">

 3.页面里面的JS脚本、效果过多

       如果有多个地方使用JQuery效果,建议采用同一个JQuery库,防止冲突、重复;如果是页面里面的JavaScript脚本,在不冲突的情况下,函数可以合并。

       一些简单的阴影、动态完全可以采用CSS3实现,虽然一些浏览器不支持,使用主流浏览器的还是占绝大多数。

站长总结的几种减少HTTP请求的方法

减少站内HTTP请求:合并CSS样式和JS脚本

①p的class合理命名方式

       应采用简单易懂小写英文、拼音、数字组成。比如:

<p class="nav">
 <ul>
  <li><a href="#" class="nav_top hover">栏目1</a>
   <a href="#" class="nav_sub">子栏目1</a>
   <a href="#" class="nav_sub">子栏目2</a>
  </li>
  <li><a href="#" class="nav_top">栏目2</a></li>
  <li><a href="#" class="nav_top">栏目3</a></li>
 </ul>
</p>

②给p采用最简单的CSS样式写法,比如上面的例子样式这样写

.nav{width:1200px;height:40px;margin:0 auto}
.nav ul li{display:inline-block;background:#eee}
.nav_top{display:block;padding:0 10px;line-height:40px;background:#ccc}
.nav_sub{display:block;padding:0 10px;ling-height:30px;background:#555}
.hover{background:#c00}

       有些写法虽然也没什么错,但是不够简洁,比如

.nav ul li a.nav_top{
display:block;
padding:0 10px;
line-height:40px;
background:#ccc
}

③对大多数网站来说首页权重最高,是优化的重点

       可以减少站内请求,比如样式和脚本都写在页面里,不产生请求,也不被缓存。

       网站性质不一样,前端优化方法也不一样,比如w3cschool几乎是纯文字属于内容为主,速度自然快;淘宝典型的应用型,里面图片占了多数,光是几百张图就是几百个HTTP请求。站长建议:

       首页采用样式、脚本写在页面内,其他还是引用的形式,把样式放在</head>,在不影响效果的情况下,脚本都放在<body>底部

减少站外HTTP请求:DNS预解析

       细心的站长发现:把百度广告、百度分享、百度推荐、百度统计、畅言、在线客服等代码一放上去,加载时间明显变慢了,解决方法参考文章《DNS预解析提升页面加载速度dns-prefetch

SEO优化:减少HTTP请求方法总结

       前端优化原则和后端优化原则是一致的,不是分化的,不是“这不关我的事”,能把前、后端都抓好的人毕竟不多,明白道理却无法解决问题的那是“思想家”,SEO需要的是“实战家”。

       根据不同的网站的特性选择优化侧重点,分析好用户需求,解决这些需求。前台布局展示不好,后端不能按照用户体验开发功能,都是纸上谈兵,我们应该让自己的知识面更广,才能获得更好的成绩。

本文地址:http://www.xiuzhanwang.com/seo/1568.html

    责任编辑:秀站网

    发表评论

    评论列表(条)