客户端浏览器向服务器请求一个网页素材。

那么网页素材是通过什么方式,什么顺序被下载下来的呢。

我今天做了个简单的测试。

首先,准备测试文件

写一个网页,网页中引用若干的资源文件。

同一文件的不同的参数对浏览器来说,属于不同的文件。

<html>
<head>
</head>
<body>
<img src="http://suohb.com/demo/win/wind.jpg?0" >
<img src="http://suohb.com/demo/win/wind.jpg?1" >
<img src="http://suohb.com/demo/win/wind.jpg?2" >
<img src="http://suohb.com/demo/win/wind.jpg?3" >
<img src="http://suohb.com/demo/win/wind.jpg?4" >
<img src="http://suohb.com/demo/win/wind.jpg?5" >
<img src="http://suohb.com/demo/win/wind.jpg?6" >
<img src="http://suohb.com/demo/win/wind.jpg?7" >
<img src="http://suohb.com/demo/win/wind.jpg?8" >
<img src="http://suohb.com/demo/win/wind.jpg?9" >
<img src="http://suohb.com/demo/win/wind.jpg?00" >
<img src="http://suohb.com/demo/win/wind.jpg?01" >
<img src="http://suohb.com/demo/win/wind.jpg?02" >
<img src="http://suohb.com/demo/win/wind.jpg?03" >
<img src="http://suohb.com/demo/win/wind.jpg?04" >
<img src="http://suohb.com/demo/win/wind.jpg?05" >
<img src="http://suohb.com/demo/win/wind.jpg?06" >
<img src="http://suohb.com/demo/win/wind.jpg?07" >
<img src="http://suohb.com/demo/win/wind.jpg?08" >
<img src="http://suohb.com/demo/win/wind.jpg?09" >
</body>
</html>

将写好的文件放在服务器端。

然后,使用wireshark来抓取客户端浏览器跟服务器交互的网络包数据

chrome:

根据交互情况,我们可以看到,首先,请求html文件。

获取到html文件解析之后,浏览器想服务器发起6个HTTP的请求,请求前6张图片。

之后的情况也是,一个请求对应一个返回。

实时的请求并发是6个。这个就说明,chrome浏览器支持向一个服务器6个并发的请求。

firefox

firefox跟chrome类似,也是同时向服务器发起6个请求

但是跟chrome差别是,6个之外的请求,chrome是随机发起的,而Firefox是按照html代码的顺序依次发起。

IE

IE的请求并发比chrome和Firefox大一些。每次发起10个请求。

并且,10个之外的请求,也是按照html的文档顺序,依次请求的。

综合三个浏览器,我们就知道了一个关键的信息----6(取三个浏览器最小值)

按照html的顺序,前6个资源会被优先请求。

之后的资源,根据浏览器不同,请求顺序会被打乱(chrome)。

这样,第一批被请求到的前6个资源,就比较关键了。如果能够在前6资源内请求完第一页显示的数据。

那么网页可以在最快的速度显示出来。

如果第一页的资源还需要6个之外。那么先下载到的数据还需要等待其他资源的下载完毕后才能呈现(尤其是js文件。js文件在下载完之前,网页是不会渲染的)

有些门户网站,里边的资源是在多个服务器上。这样每个服务器6个(或10个)并发,能够很快下载渲染所需要的数据。

不过多个服务器或进行多次域名解析和tcp三次握手,也是会增加响应时间。具体使用,是多方权衡后的最优方案。

网站SEO,HTTP请求的关键数字----6的更多相关文章

  1. 网站SEO优化问答精选

    1.百度每更新一次,网站的收录就减少很多,但是我每天都增加伪原创的内容啊? 这个问题大多数是因为网站权重导致百度不够重视你:另外就是文章质量度不高,没有可读性或是原创度太低,尽管百度会收录,但是经过一 ...

  2. 网站SEO优化问答精选【转载】

    在接触seo的过程中,大家都会碰到很多这样或那样的问题,特别是一些seo新手由于知识有限会经常到很多地方问一些网站优化的问题,做seo时间慢慢变长之后,知识会慢慢地积累,之前的问题也会慢慢的都被解答. ...

  3. 网站SEO优化的方法

    网站SEO优化的方法: 1.url静态化和规范化:url中都去掉了index.php这样的后缀网址形式,目的就是让网站的层级更浅,获得的权重更高 代码中可以使用urlrewrite重写. 2.域名30 ...

  4. 网站SEO中服务器优化的三个问题

    网站做好之后,站长第一件事就是想到去做SEO,但是有一些网站在做优化的时候,出现一些奇怪的情况,比如说优化已经不错的网站,排名突然就掉下来了:还有一些网站各项优化工作都是非常认真,但是排名却一直不上来 ...

  5. 外贸网站SEO优化哪家公司好

    http://www.wocaoseo.com/thread-98-1-1.html        随着b2c的崛起,越来越多的企业已经放弃挂在第三方面台销售,而是选择去建独立的商场,拥有一个属于自已 ...

  6. 企业网站SEO如何选择关键词

    http://www.wocaoseo.com/thread-17-1-1.html       企业网站的关键词应该如何去选择?有很多的企业老板在网上某某企业在网上做了一个网站,一天盈利多少后,觉得 ...

  7. 网站SEO优化之添加Sitemap文件。

    Sitemap.xml 故名思意就是站点地图文件,可以指引Google spider 收录相应网页.正确地使用Google Sitemap,可以确保让Google spider 不遗漏网站内的任何页面 ...

  8. 杀死你网站SEO的5个技术

    胡亮亮先生(网迈SEO总监)在其微信公众帐号里发布了文章<杀死你网站SEO的5个技术>,发出来给大家分享一下: 应百度站长平台邀请,抽空把这篇文章做一些细节上的补充 ,欢迎大家关注并讨论. ...

  9. wap网站seo如何优化呢?

    从事互联网的人员都知道移动互联网营销是一个大的趋势,但是要怎么去做恐怕还都一筹莫展.由PC端的网络营销的经验和常识来看,首要的是要做好移动端手机网站的优化工作.据观察分析,目前国内的大多数并没有做好手 ...

随机推荐

  1. 11、手把手教你Extjs5(十一)模块界面的总体设计

    上一节中设计了一些模块自定义中用到的要素,为了直观起见,这一节先建立一个模块的主界面.看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了.一个模块的主界面是一个Grid,在其上方 ...

  2. MySQL引擎简述

    MySQL数 据库引擎取决于MySQL在安装的时候是如何被编译的.要添加一个新的引擎,就必须重新编译MYSQL.在缺省情况下,MYSQL支持三个引擎:ISAM.MYISAM和HEAP.另外两种类型IN ...

  3. python mysql 2014 Commands out of sync; you can't run this command now

    这个问题出现再 mysql和c  的api. 简单的解决方法是不使用api直接把整个连接和命令传过去. 例如,cmd = 'mysql -h 192.168.32.210 -P 3316 -u bfd ...

  4. C#webbrowser控件技巧(取得javascript变量值,禁止显示脚本错误)

    C#中的webbrowser控件比较好用. 下面本人搜索整理的几个小技巧. 1. 从C#中取得javascript的变量值. using mshtml;using System.Reflection; ...

  5. linux命令学习7-jstat命令

    最近维护的项目使用的是java开发的,所以对于jvm虚拟机相关的操作还是必须要了解的,就先从最基本的jstat来学习起来. 首先需要会的就是full gc的查看; 下面就从网上收集了一些工具介绍, 慢 ...

  6. Mac iTerm2使用rz、sz从远程上传下载文件

    使用 brew install lrzsz .如果安装遇到错误的话,使用以下方法: 在mac终端下运行: brew install lrzsz (安装教程:http://brew.sh/index_z ...

  7. BZOJ 1101 [POI2007]Zap ——Dirichlet积

    [题目分析] Dirichlet积+莫比乌斯函数. 对于莫比乌斯函数直接筛出处理前缀和. 对于后面向下取整的部分,可以分成sqrt(n)+sqrt(m)部分分别计算 学习了一下线性筛法. 积性函数可以 ...

  8. 64脚和小于64脚的STM32进行AD时注意,参照电源处理方法(转)

    源:64脚和小于64脚的STM32进行AD时注意,参照电源处理方法 请注意,ADC_IN17上没有内部基准,将其说成基准电压概念不对. 所以横线以下的理解不对,如果将其做为参考,则其电压假定按1.2V ...

  9. BootStrap TreeView使用示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. mysql server的安装和配置

    YSQL-5.7.9.1解压版 例如我的在D:\Program Files\MySQL\MySQL Server 5.7(解压时名字mysql-installer-community-5.7.9.1可 ...