在服務器端渲染中使用 Next.js 的 Tailwind css 的意外加載時間

Question

對於我正在創建的網站，我使用 next.js 和樣式化順風，但不能真正看到 next.js 所期望的服務器端渲染的好處，因為 ZBC4150D023D3255136DB671D61AC9 打開網站時有加載時間和圖像（假設與順風有關）並且連接速度較慢，需要幾秒鍾才能看到頁面的內容。

我怎樣才能解決這個加載問題並且仍然堅持順風？

這是網站鏈接，如果您嘗試一下，您會看到內容可見之前的幾秒鍾加載時間： https://www.revolin.io/

Answer 1

如果此問題是本地問題，您可以為 Tailwind 使用 JIT 模式，但這也會導致生產速度變慢，這可能是由許多問題引起的。 如果您不想 ssr 順風，您可以動態導入它並禁用 ssr。 但這很可能不是導致速度緩慢的原因。 您可以按照Tailwind Optimization for Production中的步驟操作，看看這是否會提高您的速度。