performance - 灯塔第一次有意义的油漆极高

Question

我正在使用 Lighthouse从谷歌检查我的 PWA 的性能和东西。但是，我总是用 First meaningful paint 得到极值。 .最后的测试结果给了我:14445.7ms。但是当我自己使用该网站时，它永远不会加载超过 2 秒？我在这里做错了吗？

Answer 1

Lighthouse 将您的浏览器连接呈现为较慢的速度，以测试您的应用程序将如何在较慢的 3G 连接上运行(模拟某人在较慢的移动连接上)。因此，如果您只是在桌面浏览器(甚至是移动浏览器，因为您的连接很可能优于模拟连接)中加载 Web 应用程序，它将比 Lighthouse 模拟快得多。

就第一次绘制而言，我首先要看的是 PRPL 模式——

https://developers.google.com/web/fundamentals/performance/prpl-pattern/

-- 以及深入了解 Lighthouse 报告，因为它实际上告诉您如果您的分数不理想，可以更好地优化您的应用程序。