SSG (Static Site Generation)

TL;DR: SSG (Static Site Generation) adalah pendekatan di mana halaman web dirender menjadi HTML jadi pada saat build, bukan saat pengguna membuka halaman. Hasilnya: waktu muat sangat cepat, beban server ringan, dan skor performa yang baik karena tidak ada proses dinamis di setiap kunjungan.

Apa itu SSG?

SSG (Static Site Generation) menyiapkan seluruh halaman sebagai file statis sebelum ada satu pun pengunjung datang. Analoginya seperti mencetak buku menu sekali untuk seluruh pelanggan, bukan menulis ulang menu setiap kali ada tamu masuk. Karena halaman sudah jadi, server tinggal mengirimkannya lewat CDN, dan inilah yang membuat situs terasa instan.

Pendekatan ini berbeda dari SSR (Server-Side Rendering) yang merender halaman tiap permintaan datang. SSG cocok untuk konten yang tidak sering berubah seperti blog, glosarium, landing page, dan portofolio.

SSG vs Pendekatan Lain

Next.js, framework yang saya pakai untuk vitoatmo.com, menjadikan SSG sebagai default dan menjelaskan trade-off-nya di dokumentasi resmi rendering.

Kenapa Penting?

SSG langsung berdampak pada Core Web Vitals karena HTML sudah siap kirim, sehingga waktu muat halaman jauh lebih pendek. Saat membangun situs vitoatmo.com, halaman artikel dan glosarium semuanya statis, dan ini membuat trafik organik yang masuk mendarat di halaman yang nyaris instan. Untuk bisnis, kecepatan ini berkaitan langsung dengan retensi pengunjung dan peringkat pencarian.

Pertanyaan Umum

Apakah situs SSG bisa punya konten dinamis?

Bisa. Bagian dinamis seperti komentar atau pencarian ditangani di sisi browser atau lewat API, sementara kerangka halaman tetap statis dan cepat.

Apakah SSG sama dengan website "HTML biasa"?

Tidak persis. SSG memakai framework dan komponen modern untuk menghasilkan HTML statis secara otomatis, jadi pengembangannya tetap terstruktur seperti aplikasi, tapi outputnya seringan halaman statis.