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的书籍。《WebPageTest应用指南》这本书引起了我的极大兴趣。虽然我还没有深入阅读,但从其标题和目录来看,它似乎是一本能够填补我知识空白的力作。我猜想这本书不仅仅是停留在WebPageTest工具的基本介绍,而是会深入探讨其高级功能和应用场景。我特别期待书中能够包含关于如何进行更精细的性能测试,例如使用自定义配置、API调用,甚至是自动化测试流程的内容。作为一个技术内容创作者,我希望能够将这些知识转化为高质量的文章和教程,帮助更多开发者和技术爱好者掌握WebPageTest。我也对书中是否会涉及如何进行跨浏览器、跨设备的性能对比分析,以及如何将WebPageTest与其他分析工具(如Google Analytics、Lighthouse)结合使用的内容感到好奇。如果这本书能够提供一些关于性能优化最佳实践的总结,或者分享一些在实际项目中应用WebPageTest的经验教训,那将是极具价值的。我希望这本书能够成为我撰写关于网站性能优化文章的坚实后盾,让我能够提供更权威、更专业的见解。我对各种性能测试工具都充满好奇,而WebPageTest一直是我关注的焦点。《WebPageTest应用指南》这本书的出现,让我看到了深入了解它的希望。我还没有打开这本书,但我的脑海中已经构思出了许多关于如何利用书中的知识来提升自己网站性能的计划。我希望这本书能够详细介绍如何利用WebPageTest来诊断和解决各种常见的性能问题,比如加载时间过长、渲染阻塞、资源利用率低下等等。我特别期待书中关于如何解读那些复杂的性能指标和图表的内容,希望它能帮助我理解这些数字背后的真正含义,而不是仅仅停留在表面的数值。如果书中还能包含一些关于如何通过WebPageTest进行性能回归测试的指导,或者如何自动化执行性能测试,那将是一份意外的惊喜。我希望这本书能让我对网站性能优化有一个更全面、更深入的认识。
评分我一直对网站性能优化很感兴趣,但苦于缺乏系统的学习资料。当我看到《WebPageTest应用指南》这本书时,我的眼睛一下子就亮了!虽然我还没有深入阅读,但我从目录和前言就能感受到这本书的专业性和实用性。作者显然对WebPageTest这个工具了如指掌,并且能够将其知识体系化地呈现出来。我期待着这本书能够带领我一步步掌握WebPageTest的使用技巧,理解那些复杂的性能指标,并最终学会如何通过分析测试报告来找出网站的瓶颈,从而提出有效的优化建议。之前我对网站加载速度慢的问题一直感到束手无策,感觉像是大海捞针。这本书的出现,让我看到了希望。我特别想知道书中是如何讲解如何设置不同的测试环境,比如模拟不同的网络状况、浏览器和设备。毕竟,一个网站在不同条件下表现是截然不同的。而且,我很好奇作者会如何引导我们理解那些密密麻麻的瀑布图和性能得分,这些对我来说一度是难以理解的“天书”。希望这本书能用通俗易懂的方式解读这些信息,让我能够真正地“读懂”WebPageTest的报告,而不是仅仅停留在表面。我从事前端开发已经有好几年了,一直都知道性能优化很重要,但实际操作起来总是感觉缺乏方向。《WebPageTest应用指南》这本书的名字就直击痛点,让我觉得它就是我一直在寻找的“救星”。虽然我还没有打开书页,但光是看到“应用指南”这几个字,我就充满了期待。我猜想这本书一定不仅仅是介绍WebPageTest的功能,更重要的是如何将这些功能应用到实际的工作中,去解决现实世界中的网站性能问题。我非常好奇作者会分享哪些具体的实战案例,如何一步步地引导读者分析问题、找到症结,并给出解决方案。这本书能否帮助我从一个“知道性能优化很重要”的人,变成一个“能够熟练进行性能优化”的人,是我最期待的。我希望书中能有关于如何利用WebPageTest进行A/B测试,或者与其他性能工具结合使用的章节,那样的话,这本书的价值就更大了。
评分拿到《WebPageTest应用指南》这本书,我感觉像是找到了一个宝藏。我之前对网站性能的了解非常零散,知道一些基础的概念,但要真正去应用,总是觉得力不从心。这本书的标题“应用指南”让我觉得它非常接地气,不像是那种只讲理论的书。我推测这本书会非常注重实践操作,会一步步地教我们如何使用WebPageTest这个强大的工具。我特别想知道书中是如何讲解如何利用WebPageTest来分析各种页面元素的加载顺序、资源压缩、缓存策略等等,这些都是影响网站速度的关键因素。我也对书中是否会提供一些常见性能问题的排查方法和解决方案感到好奇,比如图片优化、JavaScript阻塞、CSS渲染等。如果这本书能够提供详细的指导,让我能够独立地解决这些问题,那它对我来说就是无价之宝。我希望书中能有一些案例分析,展示如何通过WebPageTest发现并解决实际的网站性能问题,这样我就能更快地理解和掌握书中的知识。我从事电商运营工作,网站的加载速度直接关系到用户体验和转化率,所以性能优化对我来说是重中之重。《WebPageTest应用指南》这本书的出现,无疑为我提供了一个全新的视角和强有力的工具。虽然我还没来得及细读,但从封面和书名来看,这本书一定能帮助我更深入地理解网站性能的各个方面。我尤其期待书中关于如何设置测试脚本,以及如何解读详细的测试报告的内容。我一直对瀑布图感到有些困惑,希望这本书能用清晰易懂的方式解释这些图表的含义,并教我如何从中提取有价值的信息。如果书中还能分享一些进阶的性能调优技巧,比如如何处理第三方脚本的性能影响,或者如何进行负载测试,那就更完美了。我希望这本书能让我成为一个真正懂性能的运营者,能够为提升网站的用户体验和业务增长做出切实的贡献。
评分我是一名对网站优化充满热情的独立开发者,《WebPageTest应用指南》这本书的标题立刻吸引了我的目光。虽然我还没有翻阅,但从书名本身就传递出的专业性和实操性,让我对它充满了期待。我推测这本书会非常详尽地讲解WebPageTest的每一个功能模块,并提供大量的实操示例,帮助读者掌握如何灵活运用这个强大的工具。我非常希望书中能够包含关于如何通过WebPageTest来评估和改进用户体验方面的内容,比如如何优化First Contentful Paint (FCP)、Largest Contentful Paint (LCP) 以及 Interaction to Next Paint (INP) 等关键指标。我一直认为,网站性能不仅仅是数字上的提升,更重要的是为用户带来流畅、愉悦的浏览体验。我期待这本书能教会我如何将WebPageTest的测试结果转化为可执行的优化方案,从而切实提升我的网站在用户心中的满意度。如果书中还能提供一些关于如何构建持续集成/持续部署(CI/CD)流程中集成WebPageTest进行自动化性能监控的指导,那将是锦上添花。我希望这本书能够成为我解决网站性能问题的“武林秘籍”,让我在面对任何性能挑战时都能游刃有余。我是一名充满好奇心的互联网从业者,对各种能够帮助我提升工作效率和网站表现的工具都非常感兴趣。WebPageTest一直是我关注的重点,但总觉得掌握得不够深入。《WebPageTest应用指南》这本书的到来,让我觉得我离精通它又近了一步。我还没有开始阅读,但我已经想象出书中的内容会是多么的精彩。我希望书中能够详细介绍如何针对不同的业务场景,比如内容型网站、电商网站、SaaS产品等,来定制WebPageTest的测试策略。我也非常期待书中能够提供一些关于如何处理那些棘手的第三方脚本,比如广告、分析代码等,对网站性能造成的影响的分析方法。如果书中还能包含一些关于如何构建团队协作,共同使用WebPageTest进行性能优化的建议,那将是极大的帮助。我希望这本书能让我真正地理解WebPageTest的强大之处。
评分我在一家小型初创公司工作,负责网站的维护和运营。网站的性能问题一直是我的一个心病,每次看到用户反馈加载慢,心里都很着急。《WebPageTest应用指南》这本书的出现,让我看到了解决问题的希望。虽然我还没来得及深入阅读,但从书的名称就可以看出,它是一本非常注重实操的指南。我特别希望书中能够提供一些简单易懂的步骤,让我能够快速上手,开始进行网站性能测试。我也希望能学到如何分析WebPageTest生成的各种图表和数据,理解它们代表的含义,从而找出网站的性能瓶颈。最重要的是,我希望这本书能够给我提供一些切实可行的优化建议,帮助我一步步地改进网站的速度。我之前尝试过一些性能优化的方法,但效果总是差强人意,感觉像是摸着石头过河。《WebPageTest应用指南》这本书,如果能够提供一些针对常见问题的解决方案,比如图片大小、代码压缩、缓存设置等,对我来说将是极大的帮助。我希望这本书能够帮助我建立起一个系统的性能优化思维,让我不再感到迷茫。我是一名对网站性能优化充满热情的小团队的技术负责人,《WebPageTest应用指南》这本书的出现,无疑给我带来了新的启发。虽然我还没有深入阅读,但其“应用指南”的定位,让我预感到这是一本能够指导我们实际操作的书籍。我特别想知道书中是如何引导我们理解WebPageTest的各种测试选项,比如如何设置不同的地理位置、网络条件、设备模拟等,以获取更全面的性能数据。我也期待书中能够提供一些关于如何将WebPageTest的测试结果,转化为团队内部可执行的优化任务的策略,以及如何跟踪优化效果的指导。如果书中还能分享一些关于如何在资源有限的情况下,优先进行哪些性能优化工作的经验,那对我来说将是非常宝贵的。我希望这本书能够帮助我们团队更高效地利用WebPageTest,不断提升我们产品的用户体验。
评分东西不错,质量很好,下次还会光顾,推荐给大家!
评分的干货
评分css经典书籍,学习必备!书的质量不错,基本上技术书籍都是京东买的,信赖京东!
评分工作需要买了这本书,很专业,不错
评分非常好,趁做活动敢紧买,买,买。还没看
评分印刷还行,就是包装过来的时候有些寒碜了。
评分书的质量不错 慢慢看
评分搞活动买的 价格划算 就是这本书没有外包装 封面脏兮兮的
评分看了一段时间,好好学习天天向上,年年加薪登上人生巅峰
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版权所有