导出PageSpeed Insights(Google)结果

Har*_*iec 10 optimization frontend google-chrome micro-optimization google-chrome-extension

有没有办法将PageSpeed(Google Chrome扩展程序)结果导出到文件中?我正在寻找一种方法,使用浏览器控制台中的PageSpeed选项卡从网站测试中导出结果.

Tom*_*tor 8

如果您通过Chrome Developer Tools 中Audit选项卡打开并运行 Google PageSpeed Insights ,面板左侧有一个按钮,可让您将报告下载为 JSON 文件。

Google PageSpeed Insights 审计报告


Dan*_*ust 6

根据我的理解,汤姆的回答缺少一些上下文,并且根据您的用例,可能会给人错误的印象。

Chrome 的性能限制与运行审核的机器相关。因此,这意味着在较弱的机器上运行审核将人为地给出低于另一台机器上实际得分的分数。

PageSpeed Insights (PSI) 在模拟 Moto 4上运行灯塔审核。

Lighthouse 使用什么设备和网络条件来模拟页面加载?

目前,Lighthouse 模拟移动网络上的中间层设备 (Moto G4) 上的页面加载。

因此,如果您通过 2018 年 Macbook Pro 上的 Chrome 选项卡运行审核,而您的客户在 2010 年 HP 笔记本电脑上运行它,您将得到截然不同的结果。因此,使用 PSI 应该可以提供更“客观”的审核,因为它为每个测试使用相同的硬件。

如果您只使用开发机器为自己运行测试,那么这可能并不那么重要。但是,如果您与客户或团队(在不同的机器上)共享和交叉检查报告,那么需要记住这一点。

参考: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference

限制与您的计算机的功能有关。例如,2 倍减速选项使您的 CPU 运行速度比平时慢 2 倍。DevTools无法真正模拟移动设备的CPU,因为移动设备的架构与台式机和笔记本电脑的架构有很大不同。