发表于2024-11-27
Web性能优化一站式解决方案,包含初级、中级和高级用例。
Rick Viscomi,前端工程师和Web性能布道者。他曾经借助WebPageTest的强大功能帮助旅游频道、食品网络和HGTV等网站优化了Web性能。 2013年就职于Google,主要的工作是YouTube性能优化。
Andy Davies,第1次接触Web性能优化是90年代后期,他尝试过在线学习提高拨号网络连接速度,从此就一发不可收拾。他目前是NCC集团的Web性能优化副主任,他帮助客户评估并改进他们的网站性能。安迪经常发表和Web性能有关的演说,偶尔也会参与开源项目,比如WebPageTest。他同时著有《 A Pocket Guide to Web Performance》一书( 5个简单步骤)。
Marcel Duran,谷歌Web性能工程师,曾经就职于Twitter和Yahoo。他曾经是雅虎卓越性能团队的领导者,发布了业界闻名的开源工具YSlow。他曾经在Velocity大会上发表演说,与人合著了《 Web Performance Daybook Volume2 》(O’Reilly出版)。
“WebPageTest是每个性能工程师的强力工具和秘密武器,而且我敢打赌它一半以上的功能是你闻所未闻的,因此这也是你需要读这本书的原因。”
—— Ilya Grigorik ,Web性能工程师,Google
“WebPageTest是一个开箱即用的Web性能工具,我被它的强大功能深深折服了。”
—— Lara Hogan, 高级工程经理,Etsy 《Designing for Performance》一书的作者
“感谢Rick、Andy和 Marcel,让我们有机会可以更深入的全面了解WebPageTest。”
——Tim Kadlec Akamai Web技术倡导者
序.1
前言 .3
基本用例
第1章我的页面有多快 11
衡量标准 11
综合测试和RUM测试 12
第2章 什么拖慢了我的页面 .14
牛刀小试 14
瀑布图分析 19
WebPageTest 评级 31
第3章缓存调优 36
启用重复视图 37
缓存分析 39
启发式缓存 40
第4章 对比测试 42
性能感知 42
幻灯片和视频 44
小结 51
第二部分 中级用例
第5章用户仿真 55
用户行为分析 56
第6章移动测试 71
桌面仿真 71
流量定制 74
原生设备 75
第7章条件脚本 78
流视图 .79
授权 81
第8章单点故障测试 85
重定向黑洞 87
请求阻塞 92
第三部分高级用例
第9章 WebPageTest API简介97
入门介绍 97
运行测试 99
分析测试结果 103
综上所述 .107
第10章持续集成108
Node.js包装器 108
测试结果中的断言指标 116
Jenkins集成 121
Travis-CI 集成 122
第11章私有实例125
WebPageTest 工作原理 126
使用AWS 的预配置AMI服务 .127
本地安装 .130
私有实例特性 146
日常管理 .149
故障诊断 .151
助力WebPageTest 154
附录A API 输入/输出引用指南.155
序
我的Web性能工具箱里有很多分析工具, Chrome 浏览器自带的开发者工具是测试浏览器内部页面跳转性能的; PageSpeed Insights和YSlow扩展主要是用来分析页面请求传输效率的;我喜欢用书签小工具分析移动浏览器的性能;我的网站使用了多种RUM和综合性能监测服务。
但是我对WebPageTest的信任超出了上述任何一种,为什么呢?
你可以随时随地使用WebPageTest。它不需要安装任何程序。你只需要一个浏览器就够了。我经常用我的iPhone分析一家中国网站在IE浏览器环境下的性能,并告知对方分析结果。这让对方非常惊奇,我不得不给他们解释为何只用我的手机就可以分析他们的网站并给出改进意见。
WebPageTest的测试结果非常容易保存和共享。在做性能分析时,一个人的想法经常很难准确地传达给团队的其他成员,分享一个WebPageTest的URL可以确保团队成员的体验一致性。这对提交bug报告是非常有用的。因为测试报告不会被删除,相关人员可以在网站的历史版本中重现这个性能问题。
WebPageTest囊括了大量的性能指标,瀑布图中包括关联请求和响应首部,以及和时间有关的指标如首字节时间,文档完成时间和页面完全加载时间等。 WebPageTest可以根据内容类型记录请求数和字节数。用户可以深入地考察CPU使用率、带宽和主线程时间线,这些指标通常是Web性能优化的关键。
除此之外, WebPageTest一直致力于改进Web性能分析方法的研究。 10年前大家会使用window.onload事件分析页面用户体验,当时这也许是一个令人满意的解决方案,但是现在随着越来越多的网站采用了Ajax,预加载,异步加载和延迟加载等高级技术,这意味着我们无法仅使用window.onload事件就能够完全检测出页面加载时的用户体验了。
在检测用户体验方面, WebPageTest是业界领先的。它主要使用了幻灯片视图和并行视频比较等方法。高亮显示网站开始渲染页面的时间,让网站站长知道在用户可以和页面进行交互之前用户等待了多久。最重要的创新是速度指数,它是评估页面体验的综合指标。
WebPageTest是当今世界领先的Web性能工具。它方便易用,提供了大量的Web性能指标和独创性的分析用户体验的方法。在我之前写的《 Even Faster Web Sites》一书中,曾经说过, WebPageTest的价值还没有被完全发掘。幸运的是,现在情况大有改观。事实上,现在已经有一本专门介绍它的书了。通过这本书,你可以充分利用WebPageTest,让你的网站更快、更有趣。
-- Steve Souders, SpeedCurver首席执行官,
“working on the interplay between performance and design”
http://stevesouders.com
前言
WebPageTest作为网站性能综合测试工具公开发布于2008年。 在AOL时,我最初开发它的目的是为最终用户展示页面载入过程中开发者的信息(例如实际的网络连接状态,浏览器的浏览记录)。那时,大多数开发者都使用火狐浏览器,因为它自带的开发者工具要比其他浏览器好很多。而且存放网站服务器的数据中心就在街对面,我们办公室通过快速以太网连接到数据中心。在这种环境中,所有网页的加载速度都快得不切实际。我们需要一种办法来检测和共享在Windows环境下,使用慢速连接环境(拨号和低速的DSL为主),用户使用IE浏览器浏览页面的实际体验。
虽然浏览器的功能特性日趋完善,各种性能测试平台也在不断进化,但是它们的核心目标是一致的:为开发者提供和最终用户环境类似的页面性能信息。
WebPageTest是开源项目,代码托管在GitHub上。大家只要遵守BSD协议,就可以根据需要使用它们。有迹象表明,若干商业测试平台使用了WebPageTest的全部或部分代码,同时它也为HTTP存档( httparchive.org)增添了活力。 WebPageTest最大的优势是免费,我们可以通过WebPageTest.org访问它的公共服务,这个服务由超过50家公司和个人提供测试地址。目前, WebPageTest公共服务平均每天执行45 000个测试任务,累计执行了大约5300万个测试任务,并且它是2008年建立的。
WebPageTest更像是一个开发者的工具,对开发者监测和解决前端页面性能问题帮助极大。或许你会认为言过其实了,但是随着你对它的了解日益加深,你会发现它的功能的确非常强大。我非常感谢O'Reilly出版社, Andy、 Marcel和Rick编写这本书,它可以帮助大家了解和认识WebPageTest ,让大家能够更好地充分利用WebPageTest。
--Patrick Meenan, WebPageTest主要开发者和创始人
本书适用读者
? 网站站长。
? Web开发人员。
? 性能优化工程师。
Web性能浅说
众所周知,我们很容易发现一个网站的性能好坏。网站某些内容加载时间过长,或者交互不友好都会让我们厌倦,甚至生气。页面加载的速度甚至具有让我们产生负面情绪的能力。当我们等待时间过长失去耐心,或许我们就会抓狂。同时网站的用户可能就不会像预期的那样在网站上浏览更多内容,看更多广告或购买更多商品。
整体来说,互联网Web页面是越来越慢了。照片和视频等富媒体内容可以方便地下载要归功于越来越快的网络传输速度,但是用户的期望总是随着网站性能的提升而提高的。
我希望本书的读者不仅仅单纯的是一个网站用户,更希望是一个能够优化Web页面性能的人。市面上有很多专注于Web性能优化的工具,然而,没有一个比WebPageTest.org( http://www.WebPageTest.org)更让人钦佩。 WebPageTest是一个免费、开源的在线Web性能测试工具。在本书中,我们将带你了解如何使用这个工具来测试网站性能,让你可以诊断网站页面缓慢的原因,令你的用户流连忘返。
本书概要
本书主要分三个部分:初级、中级和高级用例。每个部分对应不同层次的WebPageTest用户:
? 初级用例通过一个简单的测试例子介绍了如何使用WebPageTest。
? 中级用例深入介绍了更复杂的测试技巧,其中部分内容需要用到脚本命令执行测试。
? 高级用例介绍了API接口和私有实例在特定场景下的典型应用。
WebPageTest应用指南 下载 mobi pdf epub txt 电子书 格式 2024
WebPageTest应用指南 下载 mobi epub pdf 电子书版本比较老了,十年前的版本了。买来收藏用吧,实际使用的买之前考虑好,最后买新版本的类似资料书
评分书不错,可以用来当成入门书籍
评分书的包装是有透明袋,书的内容不错,待学习,但是纸张有点粗糙。
评分简单易懂,挺不错的,感觉看完不去实践都能记住大部分的标记语言,当然看完一部分后还是要去实践的,可以按照自己的想法去做出好看的页面
评分买了好多书618做活动很优惠,老公居然说等着退休以后慢慢看,囤货怕通货膨胀吗?
评分书籍没有外包,就像二手书籍一样,不建议够买这样破损的书籍
评分挺好的,纸质也不错,满意 印刷质量不错,解释通俗易懂。
评分四个角都有些变形了,书籍类包装一直是@被人诟病的地方啊_(´?`」∠)__
评分嗯,看着习惯了,不错的,纸张略薄,不错不错
WebPageTest应用指南 mobi epub pdf txt 电子书 格式下载 2024