Lighthouse Pagespeed > HTTP2

Question

我的页面速度性能有问题，我无法解决。

当我从 Chrome 开发工具运行 Lighthouse 时，整体性能还不错（不完美，但还可以......）。 当我在单独的选项卡中运行 Lighthouse 或使用 pagespeed 洞察时，性能很糟糕。

主要区别：在 Dev Tools 中运行的开发工具和 Lighthouse 使用 HTTP/2，而单独选项卡中的 Lighthouse 和 Pagespeed 洞察都使用 HTTP 1.1 并告诉我激活 HTTP/2。

有没有人知道为什么它可以在开发工具中工作，但在单独运行时却不行？

Answer 1

分数相差

1. 不是因为将灯塔停靠在同一屏幕或单独的窗口中
2. 当您停靠在同一窗口中时，视口会减少，因此 LCP/CLS 仅计算上述折叠，因此您会在同一屏幕上看到更好的分数，因为视口减少了。
3. 当您停靠在单独的窗口中时，视口会更大，因此 LCP/CLS 会针对更大的视口进行计算，因此您会看到分数差异。