“为什么我的灯塔评分这么低？”来自一名网络开发者的 7 条建议

[xikabax715]

如果您想知道为什么您的 Lighthouse 分数低，那么您并不孤单。许多 Web 开发人员和内容专业人员都面临这一挑战，尤其是在处理营销网站时，页面速度、用户体验和 SEO 起着至关重要的作用。让我们深入探讨影响您的 Lighthouse 分数的几个关键因素，并探索可行的解决方案来提高它。

灯塔评分低的最常见原因之一是加载速度慢。好消息是，有几种方法可以优化您的网站以加快加载时间。

建议 1：优化您的资产
未优化的资源会严重降低网站速度，影响用户体验和搜索排名。这时，WebP等高效文件格式就变得无价。与 JPEG 或 PNG 等传统格式相比，WebP 具有强大的压缩功能，可以大幅减小文件大小，而且不会牺牲图像质量。

WebP 还具有其他优势，意大利电话号码查询 包括支持轻量级动画图像——这是 PNG 所缺乏的，因为它仅限于静态图像。这两种格式都与主流浏览器广泛兼容，但 WebP 在 Chrome、Firefox、Edge 和 Opera 中获得了越来越多的支持，而 PNG 继续在所有平台上提供通用兼容性。

除了选择正确的格式外，优化和适当调整资源大小也很重要。TinyPNG 等服务 可以 帮助进行基本的图像压缩。此外，避免使用过大的图像，例如卡片标题的 4K 图像，因为这会不必要地增加加载时间。通过高效压缩，WebP 可以显著减少加载时间，同时保持视觉保真度（例如，下面的 WebP 图像只有 17 kB）。


内容审核——清晰了解内容状态
使用 WebP 格式优化和正确调整资产大小非常重要——此图像只有 17 kB。
提示 #2：查看网站上的第三方服务和脚本
第三方服务和脚本对于为您的网站添加功能、见解和交互功能非常有用。但它们也有代价。许多此类脚本通常通过 Google Tag Manager (GTM) 等工具实现，允许营销人员插入 Intercom 或 Hotjar 等有用工具，而无需开发人员参与。这种灵活性很方便，但它很快就会累积到数百千字节甚至兆字节的额外数据，从而拖慢您网站的加载时间并影响您的 Lighthouse 分数。

每个立即加载的第三方脚本都会争夺资源，从而减慢主要内容在屏幕上显示的速度。为了解决这个问题，请尽可能优先使用 Defer 和 Async 属性。在非关键脚本上设置时， Defer 将在 HTML 完全解析后加载脚本，并将 Async 在 HTML 解析的同时下载脚本，仅在脚本准备就绪后执行。这两个参数都确保您的核心内容首先加载，从而增强用户体验并保持更清晰、更快的性能配置文件。