Koreksi Istilah
Terdapat kemungkinan kerancuan istilah dalam kueri Anda. Static Site Generation (SSG) dan Server Side Includes (SSI) adalah dua teknologi yang berbeda secara fundamental. SSG adalah metode membangun situs web statis saat proses build, sedangkan SSI adalah mekanisme pemrosesan sisi server untuk menyisipkan konten ke dalam file HTML sebelum dikirim ke browser.
Definisi dan Mekanisme
Static Site Generation (SSG) adalah proses di mana seluruh halaman situs web dibuat menjadi file HTML statis pada saat waktu kompilasi (build time). Setelah file dibuat, server hanya perlu melayani file tersebut tanpa perlu memproses logika di sisi server setiap kali ada permintaan. Ini menghasilkan kecepatan akses yang sangat tinggi.
Server Side Includes (SSI) adalah instruksi sederhana yang disematkan dalam file HTML (biasanya dengan ekstensi .shtml) yang memberi tahu server web (seperti Apache atau Nginx) untuk menyisipkan konten dari file lain ke dalam halaman tersebut tepat sebelum halaman dikirim ke pengguna. SSI sering digunakan untuk elemen berulang seperti header, footer, atau tanggal modifikasi terakhir.
| Fitur | Static Site Generation (SSG) | Server Side Includes (SSI) |
|---|---|---|
| Waktu Pemrosesan | Saat Build (Sebelum deploy) | Saat Request (Runtime) |
| Beban Server | Sangat Rendah | Sedang (Memerlukan parsing server) |
| Kecepatan Akses | Sangat Cepat (File Statis) | Cepat (Bergantung pada server) |
| Fleksibilitas | Tinggi (Framework modern) | Terbatas (Hanya inklusi file) |
| Contoh Tool | Hugo, Jekyll, Next.js, Gatsby | Apache mod_include, Nginx SSI |
Implementasi Teknis
Contoh Sintaks SSI
Untuk menggunakan SSI pada server Apache, Anda menyisipkan kode berikut di dalam file HTML:
<!--#include virtual="/includes/header.html" -->Alur Kerja SSG
- Pengembang menulis konten (Markdown/JSON).
- Framework (seperti Hugo) memproses template dan konten.
- Sistem menghasilkan file HTML/CSS/JS statis.
- File diunggah ke CDN atau Web Server.
- Pengguna mengakses file statis secara langsung.
Analisis Performa
SSG unggul dalam hal keamanan dan skalabilitas karena tidak ada eksekusi kode di sisi server saat pengguna mengakses situs. SSI, di sisi lain, memberikan kemudahan bagi situs yang masih menggunakan arsitektur server tradisional untuk mengelola elemen yang berulang tanpa harus membangun ulang seluruh situs setiap kali ada perubahan kecil. Namun, penggunaan SSI yang berlebihan dapat meningkatkan latensi karena server harus memproses setiap permintaan secara dinamis.