我的建筑开发网站面临性能问题。在桌面上，性能得分范围为 52 到 65，主要问题是红色的“最大内容绘制”和“累积布局偏移”。移动端性能更加不稳定，得分从 49 到 72 不等。移动端最大的问题是“总阻塞时间”，在不同的尝试中，其值在 620 到 1320 之间变化。此外，移动设备上的“最大内容绘制”也不是很好，值范围为 3.2 到 4.9。
我怀疑着陆页上的 GSAP 组件可能导致“累积布局偏移”分数较低。当我注释掉这个组件时，“总阻塞时间”和“累积布局偏移”得到了改进。然而，其他指标受到影响，总体性能得分保持不变。
即使您在更改单个指标分数的同时删除重型组件，PageSpeed Web Dev 也会给出相同的总体性能分数。
由于删除组件不会提高性能分数，因此应该有其他原因导致该问题。我从登陆页面中删除了除页脚之外的所有组件，虽然各个指标分数以不同的方式重新分配，但总体性能分数保持不变。因此，应该存在比重型部件更深层的问题。如何解决这些问题并提高网站的性能？
我欢迎任何见解和建议。谢谢！
Lighthouse 在性能审核中可能会“非常多变”，具体取决于机器运行时发生的其他情况。我的建议是少关注确切的分数（这更倾向于作为一个广泛的指标），而更多地关注您始终认为在所有运行中显示问题的具体指标。 Google Chrome 的文档中有很多关于改进这些指标的指导（完全披露我在团队工作并帮助维护这些文档）。
我建议您查看我们工作流程的
调试部分优化 LCP和 优化 CLS 针对这些具体问题的指南。 高 TBT 表明需要大量 JavaScript（在使用像 Nuxt 这样的框架时并不罕见），虽然它本身不是问题，但通常表明存在潜在的响应能力问题。如果您要过滤 TBT 审核，Lighthouse 会提供建议。
如果没有更具体的细节，很难给出更具体的指导。因此，请尝试缩小具体示例的范围，并用最少的代码示例及其引起的问题提出问题。