预计总页面大小预算

425 KB

这是在所选网络上在目标时间内加载的所有资源的最大总大小（压缩/gzipped）。

资源分配

总计: 100%

JavaScript

170 KB (40%)

CSS

42 KB (10%)

图像

170 KB (40%)

字体

21 KB (5%)

其他/HTML

21 KB (5%)

可视化细分

JavaScript

CSS

图像

字体

其他/HTML

Web Vitals 性能预算计算器Beta

根据网络速度和 LCP 目标计算您的 Core Web Vitals 性能预算。

如何使用性能预算计算器

选择网络速度

选择您的用户可能使用的目标网络条件（例如，快速 3G，4G）。

设置目标 LCP

输入您的目标最大内容绘制 (LCP) 时间（秒）（例如 2.5 秒）。

分配资源

调整滑块以在 JavaScript、CSS、图像和字体之间分配总预算。

常见问题

什么是性能预算？

性能预算是您不希望超过的页面限制。通常以文件大小（例如总共 500KB）或加载时间定义。

为什么 LCP 很重要？

LCP 是衡量最大内容元素何时可见的核心 Web Vital 指标。良好的 LCP (< 2.5s) 可改善用户体验和 SEO。

预算是如何计算的？

计算器使用公式：(目标时间 × 网络速度 / 8) × 效率系数 (0.85)。系数考虑了网络延迟和协议开销。

此预算是否包含所有资产？

是的，计算出的预算代表渲染初始视口所需的所有资源（HTML、CSS、JS、图像）的总传输大小（压缩）。

我应该设定什么网络速度？

对于全球受众，建议设定为“快速 3G”或“4G”，以确保您的网站对连接较慢的用户可访问。

为什么效率系数是 0.85？

在现实世界的网络中，由于 TCP 慢启动和握手，您永远无法获得 100% 的理论带宽。0.85 是一个保守的估计。

我可以超出预算吗？

可以，但这会增加未能通过 Core Web Vitals 评估的风险，这可能会对您的搜索排名产生负面影响。

如何减小页面大小？

优化图像 (WebP/AVIF)、压缩 CSS/JS、使用代码拆分、延迟加载和有效的缓存策略。

这会影响 SEO 吗？

是的，Google 将 Core Web Vitals 用作排名因素。遵守性能预算有助于确保您通过这些指标。

JavaScript 的良好分配是多少？

JavaScript 是最昂贵的资源，因为它必须被解析和执行。使其尽可能低，理想情况下主要包压缩后低于 200KB。