Lewati ke konten utama
menjadi.dev
Dasar Web

Client-Side Rendering (CSR)

Render halaman di browser menggunakan JavaScript setelah HTML dasar di-load.

Client-Side Rendering (CSR) adalah pendekatan di mana browser menerima HTML minimal (hampir kosong) dan JavaScript bundle, kemudian JavaScript yang menangani rendering seluruh konten halaman secara dinamis. Framework seperti React, Vue, dan Angular umumnya menggunakan CSR secara default. Keuntungan CSR: interaktivitas tinggi, transisi halaman mulus seperti aplikasi native, mengurangi beban server. Kekurangan: waktu First Contentful Paint (FCP) lebih lambat karena harus download dan eksekusi JS dulu, SEO bisa terganggu karena bot crawler mungkin tidak menunggu JS dieksekusi.

Istilah Terkait