如何提高我在 Google Page Speed Insights 上的分数？

问题描述投票：0回答：1

我使用 TinyPNG 优化了网站上的所有图像（图像大小平均减少 80%），但在移动版本上我仍然获得相同的网站性能分数。

它还表示 LCP 元素、渲染阻塞资源、主线程工作和未使用的 CSS 是移动版本的大问题。

我是一名初学者，学习曲线感觉很长，而且我仍在学习 GPI 页面上的术语。欢迎任何资源或建议。

网站是trimcocarpentryllc.com

感谢您花时间阅读本文！

我尝试通过将所有图像的图像大小减小约 80% 来优化所有图像。

optimization

pagespeed-insights

1个回答

0
投票

看起来 LCP 的主图像（轮播中的第一张图像）是通过 CSS 添加的。这意味着它被发现得很晚（在加载 CSS 并确定需要图像之后）。

它也不响应，这意味着移动用户必须加载 1920px 宽度的图像，即使他们的设备小得多。

我建议您使用轮播，该轮播使用图像的 img 标签，并为不同的设备宽度提供响应式图像选项。