ISR vs SSG di Next.js: Pilihan yang Memengaruhi Kecepatan

TL;DR: SSG (Static Site Generation) membangun semua halaman sekali saat deploy, sangat cepat tapi konten baru perlu build ulang. ISR (Incremental Static Regeneration) tetap statis tapi bisa memperbarui halaman tertentu di latar belakang tanpa build penuh. Untuk situs yang sering ganti konten seperti blog atau katalog, ISR biasanya lebih praktis.

Marketer sering menyerahkan keputusan ini ke developer lalu heran kenapa konten baru tidak muncul, atau kenapa situs tiba-tiba lambat saat trafik naik. Dari pengalaman menangani beberapa situs Next.js, dua istilah ini, SSG dan ISR, paling sering jadi sumber salah paham.

Saya akan jelaskan tanpa jargon, supaya Anda bisa ikut bicara saat rapat teknis.

Kenapa Halaman Statis Itu Cepat

Halaman statis adalah file HTML yang sudah jadi sebelum pengunjung datang. Tidak ada perhitungan saat diklik, jadi waktu muat singkat. Ini langsung berdampak pada core web vitals dan TTFB, dua sinyal yang ikut menentukan peringkat dan kenyamanan pembaca. Untuk dampaknya ke trafik, lihat organic traffic.

Both SSG dan ISR menghasilkan halaman statis. Bedanya ada di kapan dan bagaimana halaman itu diperbarui.

Perbandingan Singkat

Aturan praktis yang saya pakai: kalau jumlah halaman besar dan kontennya hidup, ISR menang. Kalau halaman sedikit dan nyaris tidak berubah, SSG cukup. Penjelasan resminya ada di dokumentasi Next.js soal ISR.

Contoh Nyata

Situs vitoatmo.com sendiri memuat ribuan artikel dan glosarium yang terus bertambah. Build ulang penuh setiap ada konten baru tidak masuk akal, jadi halaman konten memakai ISR dengan interval revalidate pendek. Sementara halaman seperti profil dan layanan, yang jarang saya sentuh, tetap SSG murni.

Saat membangun Nalesha (e-commerce parfum), logikanya sama: halaman produk pakai pembaruan berkala karena stok dan harga bergerak, sementara halaman tentang brand dibangun sekali saja.

Pertanyaan Umum

Apakah ISR membuat situs lebih lambat daripada SSG?

Untuk pengunjung, hampir tidak terasa. Pembaruan terjadi di latar belakang, jadi pengunjung tetap menerima versi statis yang cepat.

Kapan saya sebaiknya tetap pakai SSG?

Saat halaman sangat sedikit dan kontennya stabil. Profil pribadi atau landing page kampanye sekali pakai adalah kandidat baik.

Apakah ini hanya relevan untuk developer?

Tidak. Marketer yang paham ini bisa menjadwalkan rilis konten lebih realistis dan menghindari ekspektasi salah soal kapan halaman tayang.

Keputusan Kecil, Dampak Nyata

ISR vs SSG bukan soal mana yang lebih canggih, tapi mana yang cocok dengan ritme konten Anda. Tanyakan satu hal saat rapat berikutnya: seberapa sering halaman ini berubah? Jawabannya hampir selalu menunjuk pilihan yang benar.