- 综合排序
- 最热优先
- 最新优先
- 来自专栏腾讯IVWEB团队的专栏
基于Docker搭建Webpagetest服务
WPT 的软件包分为 Agent 和 Server 两个部分，对应： https://hub.docker.com/r/webpagetest/agent/ https://hub.docker.com /r/webpagetest/server/ $ docker pull webpagetest/server $ docker pull webpagetest/agent 启动服务 运行 WPT Server $ docker run -d -p 4000:80 --rm webpagetest/server 运行 WPT Agent $ docker run -d -p 4001:80 \ --network ="host" \ -e "SERVER_URL=http://localhost:4000/work/" \ -e "LOCATION=Test" \ webpagetest/agent 运行上述步骤后 Dockerfile FROM webpagetest/agent ADD script.sh / ENTRYPOINT /script.sh script.sh #!
2.2K30发布于 2020-06-28 - 来自专栏自学测试之道
图文在线web页面测试工具webpagetest
好用的在线web页面测试，移动页面测试工具webpagetest使用图文教程 首先，在浏览器中输入地址：http://www.webpagetest.org/ 1.打开主页，输入需要测试的网址，点击 START
5.1K10编辑于 2022-03-14 - 来自专栏AllTests软件测试
在线Web页面测试工具-WebPageTest
在线Web页面测试工具-WebPageTest 目录 1、简介 2、使用 1、简介 WebPageTest 是一种 Web 性能工具，可提供有关页面在各种条件下的性能的深入诊断信息。 网址： https://www.webpagetest.org/ 2、使用 打开 WebPageTest 网址。 输入测试网址。 美国弗吉尼亚州杜勒斯的位置支持 WebPageTest 使用的所有浏览器（Chrome、Firefox、Edge、Internet Explorer、Android、iOS）。 注意，WebPageTest 并不是完全免费，可以免费运行 300 次，之后就得充值才可以使用。 点击测试历史，可以查看之前的测试结果记录。
4.6K30编辑于 2022-10-30 - 来自专栏全栈码
WebPagetest：新手一眼看懂使用教程
这是一个非常详细且专业的web页面性能分析工具，而且开源的！如果你打不开其官网，或者担心安全问题，你可以自己拿源码搭建这个平台工具。
6.9K40发布于 2018-11-09 - 来自专栏软测小生
一款前端性能分析工具—WebPageTest
今天就介绍一个WEB前端性能分析工具WebPageTest。 开源地址：https://github.com/WPO-Foundation/webpagetest。 打开http://www.webpagetest.org后页面如下，WebpageTest主要提供了Advanced Testing、simple Testing、Visual Comparison、Traceroute 的具体分析数据 使用很简单，数据分析也不需要给出更多说明，大家看着以下截图就都能明白WebPageTest提供的分析内容，对应的一些评级说明在分析结果中链接进去就能看到，这里不做说明了。 大家看完以上各项数据的截图，想必都能明白WebPageTest提供的功能了，赶快去使用以下吧。 更新注意： 关于测试的视频教程已经做成菜单，点击菜单自动回复相关的下载地址了。 如下图： ?
1.8K50发布于 2019-07-05 - 来自专栏技术汇总专栏
监控与日志管理工具的应用与集成【提升前端开发效率】
WebPageTest WebPageTest 是一个强大的网站性能测试工具，可以模拟不同的设备和网络条件，对页面加载进行详细分析。 使用方法： 打开 WebPageTest 网站（www.webpagetest.org）。 输入要测试的 URL，选择测试位置和浏览器，点击 Start Test。 WebPageTest 的高级功能 WebPageTest 提供了许多高级功能，使其成为性能优化的利器： 多步测试：可以模拟用户在多个页面之间的导航，分析整个用户流程的性能。 集成 WebPageTest 到 CI/CD 可以使用 WebPageTest API 将性能测试集成到 CI/CD 管道中，在每次部署后自动运行测试并生成报告。 示例：使用 Jenkins 集成 WebPageTest pipeline { agent any stages { stage('Run WebPageTest')
1.3K20编辑于 2024-07-27 - 来自专栏测试开发技术
测开必备，推荐几款前端性能测试工具、神器
分析后的效果： 5、SpeedTracker SpeedTracker运行在WebPageTest上，可定期进行网站性能测试，并显示各种性能指标随时间的变化。 官网： https://speedtracker.org/ 项目地址： https://github.com/speedtracker 6、WebPageTest WebPageTest是一个在线性能评测网站 WebpageTest 主要提供了Advanced Testing、simple Testing、Visual Comparison、Traceroute四个功能。 项目地址： https://www.webpagetest.org/ 可以运行简单的测试或执行高级测试，还会依据测试结果提供丰富的诊断信息，包括资源加载瀑布图，页面速度优化检查和改进建议，会给每项内容一个最终的评级
5.9K20发布于 2021-02-07 - 来自专栏Web 技术
关于web性能的思考与分享［03］——常用性能分析工具
WebPagetest ---- WebPagetest是一款开源的性能分析工具，在分析完成之后会生成瀑布View，通过图形直观的分析需要优化的部分。 网址：http://www.webpagetest.org/ 3.Http Wacth httpwatch能够监听请求，纪录cookie、重定向等强大的功能！
41720编辑于 2023-10-07 - 来自专栏柒八九技术收纳盒
浏览器之资源获取优先级(fetchpriority)
---- WebPageTest 在进行网页性能分析其实有很多工具和插件。 而今天的文章的一些图文信息，我们使用WebPageTest。 WebPageTest 是一个免费的在线性能测试工具[3]，用于评估网页加载速度和性能。 以下是 WebPageTest 的一些主要特点和功能： 多地点测试：WebPageTest 提供了全球各地的测试服务器，可以选择多个地点进行性能测试，以模拟不同地区用户的加载体验。 WebPageTest 是一个功能强大的性能测试工具，广泛应用于网站开发和优化过程中。 : https://docs.webpagetest.org/
1.9K30编辑于 2023-08-10 - 来自专栏测试开发技术
测开必备，推荐几款前端性能测试工具、神器
[2pap2fzhvq.jpeg] 分析后的效果： [iwyx9k7plq.jpeg] 5、SpeedTracker SpeedTracker运行在WebPageTest上，可定期进行网站性能测试，并显示各种性能指标随时间的变化 官网： https://speedtracker.org/ 项目地址： https://github.com/speedtracker [evq84yzoxr.jpeg] 6、WebPageTest WebPageTest WebpageTest 主要提供了Advanced Testing、simple Testing、Visual Comparison、Traceroute四个功能。 项目地址： https://www.webpagetest.org/ [fnawdayi6u.jpeg] 可以运行简单的测试或执行高级测试，还会依据测试结果提供丰富的诊断信息，包括资源加载瀑布图，页面速度优化检查和改进建议
2.7K31发布于 2021-02-02 - 来自专栏WecTeam
2020前端性能优化清单（六）
考虑使用 Tim Kadlec 的 Alfred 工作流[52]来提交一个测试到 WebPageTest 的公共实例。 事实上，WebPageTest 有许多模糊的特性，所以请花点时间学习如何阅读 WebPageTest 瀑布视图图表[53]，以及如何阅读 WebPageTest 连接视图图表[54]，以更快地诊断和解决性能问题 拥有 WebPagetest[63] 的私有实例对于快速和无限的测试总是有益的。 / [55] 用一个谷歌电子表格驱动 WebPageTest: https://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs-spreadsheet v=n1sXj9oAXFU [63] WebPagetest: http://www.webpagetest.org/ [64] Sitespeed: https://www.sitespeed.io/
1.7K20发布于 2020-05-06 - 来自专栏全栈码
php，vue，vue-ssr 三版本页面对比Demo
对三个页面分别进行webpage test，测试结果如下， ▲ 详细结果 php版： https://www.webpagetest.org/result/181108_2D _20fc46a11de58d60dde7421b6d3be954/ vue ssr 服务器渲染版： https://www.webpagetest.org/result/181108_ XY_92f54bd829b1b6f02634774294491736/ vue-cli 静态版： https://www.webpagetest.org/result/181108_4G
2.3K10发布于 2018-11-12 - 来自专栏智影Yodonicc
Web性能优化：不要与浏览器预加载扫描器对抗
图5：在移动设备上通过模拟3G连接在Chrome上运行的网页的WebPageTest网络瀑布图。该页面包含一个样式表和一个注入的异步脚本。 图7：WebPageTest网络瀑布图，该网页在移动设备上的Chrome浏览器上通过模拟的3G连接运行。该页面包含一个样式表和一个注入的异步脚本，但异步脚本被预加载，以确保它更早被发现。 图8：在移动设备上通过模拟3G连接在Chrome上运行的网页的WebPageTest网络瀑布图。尽管图像资源在启动时在视口中是可见的，但它被不必要地偷懒加载。 图9：在移动设备上通过模拟3G连接在Chrome上运行的网页的WebPageTest网络瀑布图。 图11：WebPageTest网络瀑布图，该网页在移动设备上通过模拟的3G连接在Chrome上运行。页面的 LCP 候选是具有 CSSbackground-image属性的元素（第 3 行）。
6.1K151编辑于 2022-05-17 - 来自专栏用户8851537的专栏
分享几个有效的网站访问速度测试工具和方法（5个测速网页）
image.png 第五、WebPagetest 这款工具原本是由AOL开发内部使用的工具，后来在Google Code上开源，是一款非常优秀的网页前端性能测试工具。 工具地址：https://www.webpagetest.org/ image.png Webpagetest在线工具功能也是相当多的，可以测速的项目包含载入时间、阻塞时间、用户可见速度等等。
12.4K30发布于 2021-09-07 - 来自专栏全栈程序员必看
高性能WEB开发(6) – web性能測试工具推荐「建议收藏」
webpagetest : webpagetest 是1个在线进行性能測试的站点。
71510编辑于 2022-07-08 - 来自专栏测试游记
1-性能测试入门
Speedcurve:https://speedcurve.com/ Speedcurve 是一个前端性能综合监控网站，可以在网站输入被测网站的 url 地址，进行测试 webpagetest:https ://www.webpagetest.org/ webpagetest和上面的 speedcurve 相似，也是在一个网站中，输入被测试的网站 ip 地址，就可以对被测网站页面进行分析。
79730发布于 2021-03-24 - 来自专栏code秘密花园
让骨架屏更快渲染 - 知乎
Webpagetest IE 符合预期，仅仅阻塞后续内容。Webpagetest Firefox 完全不阻塞渲染，除非 <head> 中已经出现了阻塞的 <link>。这样后续内容就会出现 FOUC。 Webpagetest。需要在 <link> 之后加上空的 <script> </script> 达到阻塞后续内容渲染的效果。
1.1K10发布于 2019-10-06 - 来自专栏小前端看世界
你的页面健康吗？
高级页面健康判断 其实有一个很好网站去帮我们检测网络情况，webpagetest。 我们可以选择很多国家地区，不同的设备，不同的网络，不同的地区去进行测试你的页面。 webpagetest会有很详细的每一个页面的不同维度的指标。 还能看更加细致信息，例如页面的加载图像，加载资源瀑布流等信息。 但是有一点我们需要知道的，就是如果我们较真webpagetest的网络链路情况呀，运营商情况的话，那么可能它并不能满足你的要求。但是我相信已经能满足大量对于性能的检测需求了。
41720编辑于 2022-09-26 8个值得推荐的用于前端开发的性能分析工具
3.WebPageTest 这是一个免费工具，可让您使用来测试您的网站速度（具有真正用户连接速度的Chrome之类的浏览器）。你可以选择诸如高级测试，简单测试，视觉比较和跟踪路由等选项。 8.SpeedTracker SpeedTracker是一个运行在WebPageTest之上的工具，它定期对你的网站进行性能测试，并显示各种性能指标随时间的变化情况。
3.8K10编辑于 2022-08-11- 来自专栏老K博客
提高 Web 性能：提高网站速度的技巧和工具
识别性能瓶颈： 使用 Google Lighthouse、WebPageTest 和 GTmetrix 等工具来分析您网站的性能。 确定需要改进的领域，例如加载时间、渲染时间和资源大小。
58610编辑于 2024-07-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号