Google 仅在移动设备 (Vuejs) 上出现 Pageinsight LCP 问题

Question

经过大量优化，我的 vuejs 网站在移动设备上取得了良好的性能（60 以上），但它并没有提高我的 Largest Contentful Paint (LCP)。它保持不变。

需要一些帮助来改进我的 LCP。 提前谢谢你

Answer 1

移动设备访问 https://propertyscout.io/ 实验室数据 LCP 为 3.3，因此现场数据将低于我的经验。以下更改可以帮助您进一步改进 LCP

1. 预加载密钥，因为 CSS 请求正在从不同域加载
2. 删除未使用的 JS 和 CSS。
3. 同时在延迟模式下加载 Below fold css。