Next.jsのVercelビルドの時間を短縮するためにやった事
☘️

Next.jsのVercelビルドの時間を短縮するためにやった事

Tags
Web Dev
Vercel
Published
January 9, 2025
Author

①:使っていないモジュールやライブラリの削除

react-notion-xではなくreact-notionのみを使っていたので、react-notion-xを削除してみたところ
ビルド時間: 55s → 29s (静的アセットは除く)
に短縮に成功🚀
 
react-notion-x内部では、React18と互換性のないreact-lazy-imageの利用があったので、それも同時に解消されたようです。
 

②:フォント呼び出しの際にpreloadをtrueに設定

//app/layout.tsx const notoSansJP = Noto_Sans_JP({ subsets: ["latin"], weight: ["400", "700"], display: "swap", preload: true, adjustFontFallback: false, });
preloadをtrueにしたところ、1sほど短縮されました。
 
今のところ、このくらいです。
一番大きいのは、互換性のないモジュールや使用していないモジュールを削除することだと思います。
 
他にも出来てたら共有します。