Google Pageinsight LCP 问题仅在移动设备上（Vuejs）

Question

经过大量优化，我设法在移动设备上为我的 vuejs 网站实现了良好的性能（60 以上），但它并没有改善我的最大内容绘制（LCP）。它保持不变。

需要一些帮助，以便我可以改进我的 LCP。 提前谢谢你

Answer 1

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

1. 预加载密钥，因为 CSS 请求是从不同域加载的
2. 删除未使用的 JS 和 CSS。
3. 还在延迟模式下加载折叠下方的 css。