哪些参数会影响 Lighthouse 在桌面和移动应用程序中的性能?
Which parameters influence Lighthouse performance in desktop and mobile applications?
我正在使用 Hugo 构建个人博客并将其部署到 Netlify,出于好奇,我 运行 通过 Chrome Lighthouse。令我惊讶的是,桌面和移动设备的结果大不相同。
该博客(尚未)针对移动设备进行优化,但它主要使用相对大小,因此移动设备上的外观就是您在移动设备上选择“查看桌面版”时所看到的内容 Chrome。
有三个结果特别有影响:首次内容绘制 (FCP)、最大内容绘制 (LCP) 和交互时间 (TI)。
结果低于(以秒为单位),Desktop 或 Mobile 后面的数字是性能指标。总结:
localhost
和已部署站点的结果可以忽略不计(因此这不是延迟、服务性能等问题)
- LCP 和 TI 都对手机不利,处于同一“不良”水平(强化了上述观点)。
http://localhost:1313
桌面 → 99
- 首次内容绘制 (FCP):0.2 → OK
- Largest Contentful Paint (LCP):1.0 → OK
- 交互时间 (TI):0.9 → OK
手机 → 77
- 首次内容绘制 (FCP):1.7 → OK
- 最大内容绘画 (LCP):5.5 → 不正常
- 交互时间 (TI):5.0 → 不正常
https://mysite.example.com
桌面 → 99
- 首次内容绘制 (FCP):0.4 → OK
- Largest Contentful Paint (LCP):1.0 → OK
- 交互时间 (TI):0.9 → OK
手机 → 77
- 首次内容绘制 (FCP):2.0 → ~OK
- 最大内容绘画 (LCP):5.3 → 不正常
- 交互时间 (TI):5.0 → 不正常
造成这种行为的原因是什么?
Chrome 移动和桌面上的 Lighthouse 测试不仅仅测试在不同屏幕尺寸下的渲染。 Lighthouse 使用的移动测试配置文件试图通过限制网络速度和 CPU 浏览器加载页面的能力来接近普通移动设备用户。这是引用 in the Lighthouse docs
Lighthouse reports the performance metrics as they would be experienced by a typical mobile user on a 4G connection and a mid-tier ~0 phone. Even if it loads quickly on your device and network, users in other environments will experience the site very differently.
Read more in our guide to throttling.
用于移动配置文件的确切数字链接自节流文档,但足以说明它肯定比台式机慢。
桌面版 Lighthouse 设置不包括网络或 CPU 节流,因此与桌面版相比,运行 移动版配置文件的性能测量结果较慢。
我正在使用 Hugo 构建个人博客并将其部署到 Netlify,出于好奇,我 运行 通过 Chrome Lighthouse。令我惊讶的是,桌面和移动设备的结果大不相同。
该博客(尚未)针对移动设备进行优化,但它主要使用相对大小,因此移动设备上的外观就是您在移动设备上选择“查看桌面版”时所看到的内容 Chrome。
有三个结果特别有影响:首次内容绘制 (FCP)、最大内容绘制 (LCP) 和交互时间 (TI)。 结果低于(以秒为单位),Desktop 或 Mobile 后面的数字是性能指标。总结:
localhost
和已部署站点的结果可以忽略不计(因此这不是延迟、服务性能等问题)- LCP 和 TI 都对手机不利,处于同一“不良”水平(强化了上述观点)。
http://localhost:1313
桌面 → 99
- 首次内容绘制 (FCP):0.2 → OK
- Largest Contentful Paint (LCP):1.0 → OK
- 交互时间 (TI):0.9 → OK
手机 → 77
- 首次内容绘制 (FCP):1.7 → OK
- 最大内容绘画 (LCP):5.5 → 不正常
- 交互时间 (TI):5.0 → 不正常
https://mysite.example.com
桌面 → 99
- 首次内容绘制 (FCP):0.4 → OK
- Largest Contentful Paint (LCP):1.0 → OK
- 交互时间 (TI):0.9 → OK
手机 → 77
- 首次内容绘制 (FCP):2.0 → ~OK
- 最大内容绘画 (LCP):5.3 → 不正常
- 交互时间 (TI):5.0 → 不正常
造成这种行为的原因是什么?
Chrome 移动和桌面上的 Lighthouse 测试不仅仅测试在不同屏幕尺寸下的渲染。 Lighthouse 使用的移动测试配置文件试图通过限制网络速度和 CPU 浏览器加载页面的能力来接近普通移动设备用户。这是引用 in the Lighthouse docs
Lighthouse reports the performance metrics as they would be experienced by a typical mobile user on a 4G connection and a mid-tier ~0 phone. Even if it loads quickly on your device and network, users in other environments will experience the site very differently.
Read more in our guide to throttling.
用于移动配置文件的确切数字链接自节流文档,但足以说明它肯定比台式机慢。
桌面版 Lighthouse 设置不包括网络或 CPU 节流,因此与桌面版相比,运行 移动版配置文件的性能测量结果较慢。