PageSpeed Insights 报告时，请留意“避免链接关
Posted: Tue Mar 18, 2025 10:07 am
ager”加载属性一起添加 到图像标签中，以优先考虑折叠上方 LCP 图像的请求顺序：
<img fetchpriority=”high” loading=”eager” …>
所有其他折叠以下或屏幕外的图像都应使用 loading=”lazy” 进行延迟加载，而不使用 fetchpriority 属性。
3. 使用关键的链接信息来识别机会
运行 Lighthouse 或键请求”诊断 法国号码 部分。如果字体未预加载，您可能会看到一个关键请求链，其中显示网站的根目录和请求字体的 CSS。
如果您没有推迟 JS 或 CSS，或内联关键 CSS（稍后将详细介绍），您将在此关键链中看到这些 CSS 和 JS 文件。尽量减少关键链中的文件数量，黄金标准目标是零链式请求。
识别关键请求链
简化 JavaScript 交付
几乎每个网站都使用 JavaScript，从添加简单的菜单悬停效果到生成整个网站，它是实现互动性和参与度以及跟踪和分析等商业智能工具的关键。
在 Lighthouse 评分机制中，JavaScript 通常会对占总分 30% 的总阻塞时间 TBT 产生直接影响，但也会间接影响其他指标；如果用户访问页面时 CPU 就忙于执行脚本，这可能会延迟渲染，进而延迟 LCP 和速度指数。
任何执行时间超过 50 毫秒的 JavaScript 都被视为“长”任务，因为它会阻止主线程执行其他任何任务。要获得最高分，所有组合 JavaScript 的总阻塞时间应为 60 毫秒或更短，这几乎不会给复杂脚本留下任何余地。
当考虑在网站上使用 JavaScript 时，重要的是要考虑网站上使用的所有第三方工具，是否需要 JS 来显示首屏内容，以及 JS 框架在技术栈中的作用。
1. 审核你的脚本
<img fetchpriority=”high” loading=”eager” …>
所有其他折叠以下或屏幕外的图像都应使用 loading=”lazy” 进行延迟加载，而不使用 fetchpriority 属性。
3. 使用关键的链接信息来识别机会
运行 Lighthouse 或键请求”诊断 法国号码 部分。如果字体未预加载，您可能会看到一个关键请求链，其中显示网站的根目录和请求字体的 CSS。
如果您没有推迟 JS 或 CSS，或内联关键 CSS（稍后将详细介绍），您将在此关键链中看到这些 CSS 和 JS 文件。尽量减少关键链中的文件数量，黄金标准目标是零链式请求。
识别关键请求链
简化 JavaScript 交付
几乎每个网站都使用 JavaScript，从添加简单的菜单悬停效果到生成整个网站，它是实现互动性和参与度以及跟踪和分析等商业智能工具的关键。
在 Lighthouse 评分机制中，JavaScript 通常会对占总分 30% 的总阻塞时间 TBT 产生直接影响，但也会间接影响其他指标；如果用户访问页面时 CPU 就忙于执行脚本，这可能会延迟渲染，进而延迟 LCP 和速度指数。
任何执行时间超过 50 毫秒的 JavaScript 都被视为“长”任务，因为它会阻止主线程执行其他任何任务。要获得最高分，所有组合 JavaScript 的总阻塞时间应为 60 毫秒或更短，这几乎不会给复杂脚本留下任何余地。
当考虑在网站上使用 JavaScript 时，重要的是要考虑网站上使用的所有第三方工具，是否需要 JS 来显示首屏内容，以及 JS 框架在技术栈中的作用。
1. 审核你的脚本