我正在开发一个网站https://www.paveinsight.com。该网站使用 Next.js 编写并托管在 Vercel 上，主页生成为静态页面。
运行 PageSpeed Insights 时，我的 LCP 很慢，在移动设备上尤其慢，我不知道原因。图片经过优化，根据屏幕调整大小并托管在 Amazon CloudFront 上。在我的实际设备上测试，页面加载速度很快，而且很流畅。在我的 Pixel 7 上加载的 webp 图片为 81KB，但 PageSpeed Insights 表示 LCP 在移动设备上为 9.4 秒。
模拟的 4G 连接速度为 1,638 kb/s，因此我预计下载时间将远少于 1 秒。下面是所用时间的明细。什么可能导致 TTFB 过高，或极端的加载延迟和渲染延迟？
TTFB 6% 600ms
Load delay 53% 4,920ms
Load time 1% 80ms
Render delay 40% 3,750ms
