Digital Transformation
Edge Rendering
Edge rendering adalah teknik menjalankan rendering halaman web di server terdekat dengan pengguna (edge node CDN), memangkas latensi dan mempercepat Time to First Byte.
TL;DR: Edge rendering adalah teknik di mana halaman web di-render di server edge (titik terdekat dengan pengguna pada jaringan CDN), bukan di satu server pusat. Tujuannya memangkas latensi, mempercepat Time to First Byte, dan memperbaiki Core Web Vitals tanpa kehilangan personalisasi dinamis.
Apa itu Edge Rendering?
Edge rendering memindahkan proses pembuatan HTML dari satu server pusat ke ratusan node edge yang tersebar dekat pengguna. Saat seseorang dari Surabaya membuka halaman, rendering terjadi di node Singapore atau Jakarta, bukan di Virginia. Hasilnya, jarak fisik data berkurang dan halaman terkirim lebih cepat. Pendekatan ini berbeda dari SSR streaming yang fokus pada pengiriman bertahap, dan dari partial prerendering yang menggabungkan static dan dinamis.
Cara Kerja
| Komponen | Peran |
|---|---|
| Edge runtime | Lingkungan eksekusi ringan di node CDN (V8 isolates, WASM) |
| Cache layer | Menyimpan hasil render untuk reuse pada request serupa |
| Origin fallback | Jika edge gagal, request diteruskan ke server utama |
| Geo routing | Memilih node edge terdekat berdasarkan IP pengguna |
Framework seperti Next.js, Astro, dan SvelteKit mendukung deployment ke edge runtime Vercel, Cloudflare Workers, atau Netlify Edge.
Kenapa Penting?
Untuk bisnis Indonesia yang melayani pengguna di luar Pulau Jawa, edge rendering memangkas LCP 200-600 ms dibanding origin tunggal di Singapore. Konteks lokal: latensi internet di Indonesia Timur sering 2-3x lebih tinggi dari Jakarta, jadi setiap pengurangan jarak server berdampak nyata pada Core Web Vitals dan ranking SEO mobile.
Pertanyaan Umum
Apakah edge rendering sama dengan CDN biasa?
Tidak. CDN biasa hanya men-cache aset statis (gambar, CSS). Edge rendering mengeksekusi kode aplikasi di node edge, sehingga halaman dinamis pun bisa dipersonalisasi tanpa balik ke origin.
Apakah semua halaman cocok di-edge render?
Tidak. Halaman yang butuh akses database besar atau library Node.js berat lebih cocok di server origin. Halaman publik dengan personalisasi ringan (geo, A/B test) ideal untuk edge.
Istilah Terkait