- Tulisan dari Evan You, pengembang Vue.js/Vite
- Saat memperkenalkan Turbopack, mereka menekankan klaim "10x lebih cepat daripada Vite" dan itu banyak digunakan di berbagai tempat
- Benchmark menunjukkan Next 13 + Turbopack membutuhkan 0,01 detik untuk React HMR, sedangkan Vite membutuhkan 0,09 detik
- Pada metrik performa lain tidak ada yang 10x lebih cepat, dan angka itu hanya muncul pada HMR
- Karena awalnya Vercel tidak melampirkan data benchmark HMR yang sebenarnya, ia mencoba membandingkan Next 13 dan Vite 3.2 secara langsung (kode dan metodenya juga dipublikasikan)
- Hasil perbandingan nyata menunjukkan HMR Next sekitar 2x lebih cepat
- Namun ini bisa sedikit berbeda karena Vite menggunakan Babel
- Jika sama-sama memakai SWC yang ditulis dengan Rust, kecepatannya menjadi hampir mirip
(Vite tidak menggunakan SWC karena masalah ukuran SWC. Vite berukuran 19MB, sedangkan SWC 58MB)
- Yang menarik, ketika jumlah komponen yang diimpor bertambah, Next/Turbo menjadi 4x lebih lambat, sedangkan Vite hanya 2,4x lebih lambat
- Setelah Evan mempublikasikan benchmark tersebut, Vercel juga mempublikasikan metode benchmark di blognya
- Kesimpulannya, agar Turbopack bisa 10x lebih cepat, harus tidak menggunakan SWC, harus mencakup lebih dari 30k modul, dan hanya mengukur waktu evaluasi modul yang diperbarui secara hot
3 komentar
nextjs ya tetap nextjs sih
Turbopack: penerus webpack yang ditulis dengan rust
Kalau mau menulis di benchmark bahwa sesuatu "lebih cepat sekian dibanding yang lain", sejak awal seharusnya metode evaluasi dan datanya dipublikasikan secara rinci..