Cara Kerja Server Side Include (SSI): Panduan Teknis

Mekanisme Kerja Server Side Include (SSI)

Server Side Include (SSI) adalah teknik pengembangan web yang memungkinkan penyisipan konten ke dalam file HTML sebelum halaman tersebut dikirimkan oleh server ke browser pengguna. Proses ini terjadi sepenuhnya di sisi server (server-side), sehingga browser hanya menerima file HTML yang sudah lengkap tanpa perlu mengetahui bahwa bagian-bagian tertentu dari halaman tersebut digabungkan dari file lain.

Tahapan Pemrosesan SSI

Ketika sebuah permintaan HTTP masuk ke server web (seperti Apache atau Nginx), server akan memindai file untuk mencari direktif SSI. Jika ditemukan, server akan mengeksekusi perintah tersebut sebelum merender halaman ke klien. Berikut adalah tabel alur kerja SSI:

TahapAksiKeterangan
1. RequestBrowser meminta file .shtmlKlien mengirim permintaan HTTP ke server.
2. ParsingServer membaca fileServer mencari tag khusus seperti <!--#include ... -->.
3. EksekusiServer memproses perintahServer mengambil konten dari file target atau menjalankan skrip.
4. PenggabunganServer menyusun outputKonten asli dan konten sisipan digabungkan menjadi satu dokumen.
5. ResponseServer mengirim HTMLBrowser menerima HTML final yang sudah utuh.

Sintaks Dasar SSI

Perintah SSI ditulis dalam bentuk komentar HTML agar tidak merusak tampilan jika server tidak mendukung SSI. Berikut adalah contoh sintaks untuk menyertakan file lain:

<!--#include virtual="/header.html" -->

Selain menyertakan file, SSI juga dapat digunakan untuk menampilkan variabel lingkungan, tanggal, atau ukuran file. Contoh untuk menampilkan tanggal terakhir modifikasi file:

<!--#flastmod file="index.html" -->

Keunggulan dan Batasan

SSI sangat efektif untuk situs web statis yang membutuhkan elemen berulang seperti navigasi atau footer tanpa harus menggunakan bahasa pemrograman sisi server yang kompleks seperti PHP atau Python. Namun, penggunaan SSI yang berlebihan dapat membebani kinerja server karena setiap permintaan memerlukan pemindaian file oleh server.

Catatan Penting

Perlu diperhatikan bahwa data yang tersedia saat ini mengenai teknologi server-side mencakup berbagai sistem manajemen basis data seperti PostgreSQL, MySQL, dan Oracle, serta referensi media digital. SSI tetap menjadi metode klasik yang relevan untuk efisiensi struktur dokumen web statis pada server yang dikonfigurasi dengan modul mod_include.