`

并发连接数对浏览器加载速度的测试

 
阅读更多

 每款浏览器都有自己的默认并发连接数,而且浏览器默认对同一域下的资源,只保持一定的连接数,会阻塞过多的连接,这都会影响到浏览器对网页的加载速度。本文就简单的以不同的并发连接数来测试加载速度。先介绍下一些基本概念,浏览器获取页面显示请求页面的HTML代码,然后分析HTML代码,获取页面的组件(CSS文件、JS文件、图片等)。当然无论获取HTML代码还是组件都可能需要进行DNS解析。
  其次这些组件一般都是顺序下载的,比如一个CSS文件100KB,一个JS文件1KB,浏览器往往需要下载完CSS文件,再下载JS文件(前提是CSS文件出现在JS文件前),这样网页显示会很慢会一直等待那个100K的CSS文件下载完。
  当然目前浏览器都支持并发,这样就可以同时下载CSS文件和JS文件,在http1.1的协议中,IE5/6/7、firefox2最多支持2个并发数,IE8、firefox2最多支持6个并发数,opera和safari最多支持8个并发数,chrome最多支持4个并发数。有兴趣的用户可以阅读“IE和Firefox对同一域名进行请求的并发连接数限制”。
  这个限制,对于普通的Web应用来讲,影响不算太大,毕竟正常的连接请求都会很快有返回结果的,但如果在Web中要是用长连接的话,就可能会有比较大的问题了,尤其是在IE6里面,长连接会一直占用一个连接数,如果你有2个长连接,那就更杯具了,浏览器这时将无法向同这个Server去request了。
  也许你会觉得并发数对于浏览器浏览网页的速度提高不是很明显,我们可以通过实际测试来说明问题,使用在线浏览器并发测试工具,地址:http://site-perf.com/
  以http://www.iefans.net为例,分别使用2个并发数和6个并发数进行测试,结果如下:

  2个并发数的加载测试

  2个并发数的加载时间为29秒(国外网站访问国内网站的速度比较慢)
  6个并发数的加载测试
  6个并发数的加载时间为13.2秒
  通过对比可发现在相同条件下,6个并发数的浏览器比2个并发数的浏览器快了15.8秒,其中等待时间从87%下降到45%,这也是并发数度的好处(既在下载100K的CSS文件也同时可以下载1K的JS文件。)
  当然这只是最肤浅得分析,如果要研究网站的性能就尽量使等待时间下降到0,通常合并JS、CSS等文件(同样100MB的1个文件进行复制速度肯定比100个1MB要快,因为IO读取写入耗时比传输大),同样网站为了负载均衡,将不同的文件放置于不同的域名机器下,这样导致了解析域名时间加长,反而影响加载速度。

 

出自:http://www.spasvo.com/news/html/2016121142405.html

分享到:
评论

相关推荐

    网站的最大并发连接数

    网站的最大并发连接数是指在某一时刻,服务器能够同时处理的客户端请求的最大数量。当超过这个数值时,服务器可能无法响应新的请求,导致出现如“HTTP Error 503. The service is unavailable”这样的错误。这个问题...

    浏览器连接数限制

    在当前的Web开发实践中,许多开发人员可能会忽视浏览器最大并发连接数这一限制因素。例如,IE6和IE7浏览器允许6个并发连接,IE8、Firefox 3、Chrome 10、Safari 3/4、Opera 10等允许4个并发连接。而根据HTTP协议的...

    在线视频画质增强,支持视频加速

    1. 加速网页加载速度:通过优化浏览器的并发连接数、DNS查找、重试设置等方法,显著缩短网页加载时间。 2. 预读取技术:自动预读取页面可能需要的资源,使网页可以更快显示出来。 3. 资源优先级控制:自动区分webpage的...

    Web性能测试方案.pdf

    前端连接测试是指用户连接到Web应用系统的速度根据上网方式的变化而变化。 前端连接性能指标 前端连接性能指标包括加载时间指标、Time to First Impression、Time to On Load Event、Time to Fully Load等。加载...

    工程项目性能测试报告

    - **Maximum Connections**: 最大并发连接数,显示服务器同时处理请求的最大能力。 - **Current Connections**: 当前活动连接数,反映系统实时的负载状态。 - **Not Found Errors/sec**: 每秒返回404错误的频率,...

    IIS连接数过多的原因及解决方法.docx

    3. **网页设计不合理**:使用框架结构的网页或者过多的新窗口链接,会导致每个用户浏览器中的IIS连接数增多。优化网页设计,减少框架和新窗口的使用,可以降低IIS连接数。 4. **高CPU占用**:执行效率低的脚本(如...

    利用was进行压力测试

    - **设置并发数**:“Concurrent Connections”用于设置并发连接数,“Stress level(threads)”和“Stress multiplier(sockets per thread)”分别用于调整对目标服务器的压力级别和负载程度。这两个参数的乘积代表...

    Linux下apache如何限制并发连接和下载速度

    这两个模块是非官方的Apache模块,提供了对同一IP地址的并发连接数和下载速度的限制。 首先,我们需要下载并安装这两个模块。可以通过wget命令从指定的URL获取源代码包,例如: ``` wget ...

    门户网站测试说明书

    - **连接速度测试**:评估网站加载速度,提高用户体验。 - **负载测试**:确定网站承受的最大并发用户数,确保稳定性。 - **压力测试**:模拟高流量场景,评估网站应对极端情况的能力。 - **接口测试** - **...

    Web系统大规模并发

    - **CDN部署**:利用内容分发网络提高静态资源加载速度。 - **缓存机制**:合理设置浏览器缓存策略,减少重复加载。 2. **后端架构优化** - **负载均衡**:使用Nginx等负载均衡器分散请求,减轻单台服务器的...

    Apache限制IP并发数和流量控制的方法

    在一些情况下,为了保护服务器资源和防止恶意用户滥用服务,管理员可能需要限制特定IP地址的并发连接数和流量控制。本文将详细讲解如何在Apache中实现这两个功能。 首先,我们来看如何限制IP并发数。Apache自身并不...

    IIS连接数实验(Web开发必读)

    本文通过一系列实验,探讨了IIS连接数、浏览器类型、网页内容(如图片)对IIS性能的影响,以及如何调整IIS配置来提高Web应用的性能。 首先,实验开始于通过性能计数器监控WebService下的CurrentConnections指标,这...

    web系统测试方法

    - **响应时间评估**:检查页面加载速度是否满足用户期望。 - **超时问题检测**:确保在较长时间未操作后页面不会出现错误。 **2. 负载测试** 负载测试旨在衡量Web应用在特定负载下的性能表现。关键指标包括: - *...

    不得不学的技巧:八招提速IE8浏览器.docx

    接着,通过【调整并发连接数】来提高下载速度。在注册表编辑器中,找到HKEY_CURRENT_USERSoftwareMicrosoftWindowsCurrentVersionInternet Settings,修改MaxConnections PerServer 和 MaxConnectionsPer1_0Server的...

    Nginx 合并请求连接且加速网站访问实例详解

    它允许将多个静态资源(如CSS、JavaScript文件)合并成一个HTTP响应,从而减少浏览器的并发连接数,提高页面加载速度。这在面对浏览器并发限制时尤其有用,因为减少了与服务器的交互次数。 **安装和配置 `nginx-...

    常用性能测试方法和要点

    对于B/S架构,浏览器兼容性和前端加载速度也是测试的重点。 2. **服务器**: - 数据端:负责数据存储和检索的性能。 - 业务端:处理业务逻辑的性能。 - 服务容器:提供服务的性能。 3. **网络**:网络延迟、带宽...

    性能测试经验总结资料,适宜初学和中级(由于是公司内部资料,不想花分勿下)

    - **WEBSERVER**:涵盖Web服务器的性能指标,包括页面加载时间、并发连接数等。 - **WEBLOAD的压力参数**:定义用于控制Web负载的各种参数,如并发用户数、请求频率等。 #### 十一、附录 - **性能测试常见术语**...

    jmeter软件测试工具

    通过设置HTTP采样器,用户可以测试网页加载速度、服务器响应时间、事务处理能力等。 5. **函数与变量**:JMeter提供了丰富的内置函数和变量,如__Random、__threadNum等,这些可以帮助用户动态生成数据,进行参数化...

    测试书籍之案例篇

    根据给定文件的信息,我们可以提炼出以下相关的IT知识点,这些知识点主要聚焦于“软件测试”领域,特别是关于Web站点的性能测试与质量保证。 ### 一、性能测试基础 **性能测试**是一种软件测试类型,旨在评估软件...

    网站测试点.docx

    测试目标是确定网站在高负载下的性能表现,如页面加载速度、系统稳定性等,以确保在大流量情况下仍能提供良好的服务。 4. **可用性测试**:关注用户体验,包括界面设计、导航结构、易用性等。测试人员会模拟真实...

Global site tag (gtag.js) - Google Analytics