Next.js样式未在第一个页面渲染时加载

slmsl1lt  于 2023-04-05  发布在  其他
关注(0)|答案(1)|浏览(172)

我的Next.js项目有一个问题。在本地开发服务器和生产构建的第一个渲染中,有几秒钟的样式被破坏。看起来样式没有正确加载。短时间后,样式被正确应用。

0md85ypi

0md85ypi1#

如果样式在一段时间后被应用,这意味着一切都工作得很好,但它还不够优化。供参考,在浏览器中,HTML元素在css之前加载。
这可能是很多事情,试着在你的开发工具中调试,在网络部分看看每个元素在加载之前需要多少次。瀑布视图可能很方便。
为了优化你的css,你可以(非穷举):

  • 尝试使用CDN
  • 尝试不同的脚本加载策略
  • 尝试使用可以优化最终构建的平台即服务(如Vercel,Heroku和许多其他)
  • 发现任何痛点(字体或图像太大)

相关问题