如何改进下一个js应用程序的最大内容绘制

Question

我在下一个js中面临最大的内容绘制时间。加载 dom 中的第一个内容需要 3 秒。想要提高网络速度以及移动速度。移动应用程序速度为 40%，文应用程序速度为 85%。我需要 95% 的网络速度

如何提高网站性能并提高页面速度

Answer 1

首先确定导致此问题的原因。你将永远面对LCP。它只是一个衡量哪些内容花费最多时间绘制的指标。当您确定导致该问题花费更多时间的原因后，您可以继续解决该问题。一般来说，在 Next.js 中，始终使用

<Image />

组件、预加载任何 CDN、清除未使用的 CSS 等。您可以使用类似

@next/bundle-analyzer

的工具来分析您的应用程序包。