可以统计单个web页面加载时间. require 'watir-webdriver' require 'watir-webdriver-performance' b = Watir::Browser.new :chrome b.goto "http://172.17.3.54:230/" #获取加载当前页面所有参数 puts b.performance.to_s.gsub(', ',", \n") puts "-----------------------…

为什么要提升web性能? Web性能黄金准则:只有10%~20%的最终用户响应时间花在了下载html文档上,其余的80%~90%时间花在了下载页面组件上. web性能对于用户体验有及其重要的影响,根据著名的`2-5-8`原则: 当用户在2秒以内得到响应,会感觉系统的响应非常快 当用户在2-5秒之内得到响应,会感觉系统的响应速度还可以 当用户在5-8秒之内得到响应,会感觉系统的响应非常慢,但还可以接受 当用户在8秒之后都没有得到响应,会感觉系统糟透了,甚至系统已经挂掉:要么打开竞争对手的网站,要么…

衡量一个网站的性能有多个指标,DNS解析时间,TCP链接时间,HTTP重定向时间,等待服务器响应时间等等,从用户角度来看,就可以归结为该网站访问速度的快慢.也就是说性能等于网站的访问速度. 早些年Amazon曾经做过一个统计:网页加载时间每延长1秒钟,一年将减少16亿美元的营收.(16亿美元是一个什么概念呢?2015年,百度全年的总营收约100亿美元!). 鉴于性能的重要性,于是我们便经常看到许多记录提升访问速度的方法的文章:减少http请求,雪碧图,压缩文件等等,看了这些文章后,博主了解了一些…

注:原文为:andyguo: <web性能监控与分析> 性能测试需要使用不同的工具,结合系统日志,监控服务器.应用等方面的多项指标.以下阐述监控指标.监控工具.瓶颈分析. 服务端监控指标 性能测试通常需要监控的指标包括: 服务器 Linux(包括CPU.Memory.Load.I/O). 数据库 Mysql(缓存命中.索引.单条SQL性能.数据库线程数.数据池连接数). 中间件 1.tomcat 2.nginx   3.memcache(包括线程数.连接数.日志). 网络 吞吐量.吞吐率. 应…

相信互联网已经越来越成为人们生活中不可或缺的一部分.Ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能. 比如Google机会已经把最基本的office应用都搬到了互联网上.当然便利的同时毫无疑问的也使页面的速度越来越慢.自己是做前端开发的,在性能方面,根据Yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的. 以上是一张web2.0页面的生命周期图.工程师很形象地讲它分成了“怀孕,出生,毕业,结婚”四个阶段.如果在我…

对web性能优化,一直知道是个很重要的方面,平时有注意到,但是对于雅虎35条是第一次听说,查了一下,发现平时都有用过,只是没有总结到一块,今天就总结一下吧. 雅虎35条: 1.[内容]尽量减少HTTP请求数 2.[服务器]使用CDN(Content Delivery Network) 3.[服务器]添上Expires或者Cache-Control HTTP头 4.[服务器]Gzip组件 5.[css]把样式表放在顶部 6.[js]把脚本放在底部 7.[css]避免使用CSS表达式 8.[js,…

性能测试用例主要分为预期目标用户测试,用户并发测试,疲劳强度与大数据量测试,网络性能测试,服务器性能测试五大部分,具体编写测试用例时要根据实际情况进行裁减,在项目应用中遵守低成本,策略为中心,裁减,完善模型,具体化等原则: 一.WEB 全面性能测试模型 Web 性能测试模型提出的主要依据是:一种类型的性能测试可以在某些条件下转化成为另外一种类型的性能测试,这些类型的性能测试的实施是有着相似之处的: 1. 预期指标的性能测试 系统在需求分析和设计阶段都会提出一些性能指标,完成这些指标的相关的测试是…

前段时间优化一个公司历史老项目的Web性能,却引出了一系列的问题,让我反思良多. 我通过Chrome的Lighthouse工具可以看出一些性能参数和问题反馈,我逐一对其进行优化. 根据资源请求的不同,大致可以分为前端资源性能和后端程序性能两个方面. 先分析一下前端资源吧: Defer offscreen images. Chrome给出的建议是: Consider lazy-loading offscreen and hidden images after all critical resour…

HTTP 1.0的优化策略非常简单,就一句话:升级到HTTP 1.1.完了! 改进HTTP的性能是HTTP 1.1工作组的一个重要目标,后来这个版本也引入了大量增强性能的重要特性,其中一些大家比较熟知的有: 持久化连接以支持连接重用: 分块传输编码以支持流式响应: 请求管道以支持并行请求处理: 字节服务以支持基于范围的资源请求: 改进的更好的缓存机制. 当然,这些只是其中一部分,要全面讨论HTTP 1.1的所有增强特性,非得用一本书不可.同样,推荐大家买一本<HTTP权威指南>(David G…

Web 传输的内容当然是越少越好,最近一段时间的工作一直致力于 Web 性能优化,这是我近期使用过的一些缩减 Web 体积的手段 这些手段主要是为了减少 Web 传输的内容大小,只有干货 CSS 删除无用的样式 在使用 UI 库的时候,UI 库提供的样式并不是所有的都会使用到 例如一个 button 组件一般都会提供 default/primary/success/warning/danger 五颜六色好几款样式 但我们实际一个项目中也许只会用到其中的一两种,为了减少样式表的体积,需要将那些没有…