Static Site Generation (SSG)

TL;DR: Static Site Generation (SSG) adalah teknik merender halaman web menjadi file HTML statis saat build, bukan saat pengunjung membuka halaman. Hasilnya halaman tampil sangat cepat karena server tinggal mengirim file jadi, dan ini berdampak positif pada Core Web Vitals serta SEO.

Apa itu Static Site Generation?

Static Site Generation adalah pendekatan di mana setiap halaman dirakit menjadi HTML lengkap pada tahap build, lalu disajikan apa adanya ke setiap pengunjung. Bayangkan menyiapkan ratusan porsi makanan matang sebelum restoran buka, ketika tamu datang, makanan tinggal diantar tanpa perlu dimasak ulang. Pendekatan ini berbeda dengan rendering dinamis yang memproses halaman setiap kali ada permintaan. SSG cocok untuk konten yang tidak sering berubah seperti artikel, halaman produk, atau glosarium.

Framework modern seperti Next.js menjadikan SSG sebagai default, dan dampaknya langsung terasa pada metrik kecepatan seperti LCP.

Cara Kerja Singkat

Kenapa Penting?

Bagi pebisnis dan marketer di Indonesia dengan kondisi jaringan yang bervariasi, kecepatan halaman menentukan apakah pengunjung bertahan atau pergi. Halaman statis mengurangi waktu muat, menurunkan beban server, dan memperbaiki sinyal Core Web Vitals yang menjadi faktor peringkat. Praktik ini yang dipakai pada banyak proyek web cepat agar biaya hosting tetap rendah sekaligus skor performa tinggi.

Pertanyaan Umum

Apakah SSG cocok untuk konten yang sering berubah?

Kurang ideal jika perubahan terjadi tiap menit. Untuk kasus itu, kombinasi dengan Incremental Static Regeneration lebih tepat agar halaman tetap diperbarui berkala tanpa kehilangan kecepatan.

Apa beda SSG dengan server-side rendering?

SSG merender halaman sekali saat build, sedangkan server-side rendering merender ulang setiap permintaan. SSG lebih cepat untuk konten stabil, server-side rendering lebih cocok untuk data yang sangat personal.