Keuntungan Website CSR
- CSR memiliki keunggulan dalam menciptakan antarmuka pengguna yang sangat dinamis dan interaktif.
- Transisi halaman yang mulus.
- Pengurangan beban server karena sebagian besar pekerjaan rendering konten dilakukan di sisi client (di browser pengguna).
- Waktu loading halaman lanjutan lebih cepat
Dampak CSR terhadap SEO
Meskipun CSR populer karena kecepatan interaktivitasnya, namun bisa jadi tantangan yang cukup signifikan bagi SEO. Ini karena Googlebot, meskipun semakin canggih, terkadang masih punya tantangan dalam merayapi dan meng-index konten yang sepenuhnya bergantung pada JavaScript.
Beberapa dampak CSR terhadap SEO:
- Tantangan Crawling & Indexing
Crawler Google mungkin kesulitan membaca konten yang sepenuhnya bergantung pada JavaScript. Ini bisa meningkatkan waktu indexing atau bahkan membuat kontenmu tidak ter-index sepenuhnya
- Waktu Loading Awal yang Lambat
Browser perlu mengunduh dan mengeksekusi JavaScript sebelum konten tampil. Ini membuat waktu loading awal (FCP, LCP) jadi lebih lama
- Ketergantungan pada JavaScript
Seluruh konten tergantung pada JavaScript. Jika ada masalah pada JavaScript atau browser memblokirnya, konten website bisa jadi tidak terlihat sama sekali.
- Potensi Masalah Crawl Budget
Proses rendering JavaScript yang berat bisa menghabiskan crawl budget Googlebot, yang berakibat mengurangi jumlah halaman penting yang dapat dirayapi.
- Pengalaman Pengguna yang Buruk Pada Tahap Awal
Website yang awalnya “kosong” saat diakses bisa membuat pengguna langsung pergi (meningkatkan bounce rate) sebelum konten terlihat.
Contoh Website CSR
Contohnya, salah satu website e-commerce berikut:
Cara mudah untuk mengetahui website tersebut menggunakan SSR atau CSR adalah dengan mematikan javascript di browser kamu.
Jika kamu mematikan JavaScript dan yang muncul hanya kotak-kotak abu-abu atau kerangka halaman tanpa konten, itu adalah tanda jelas bahwa website tersebut menggunakan CSR. Ini karena kontennya sangat bergantung pada JavaScript untuk di-render.
Kesimpulan
Client-Side Rendering (CSR) adalah teknik di mana konten website dirakit langsung di browser pengguna menggunakan JavaScript. Kelebihan utama CSR meliputi antarmuka yang dinamis dan interaktif, transisi halaman yang mulus, pengurangan beban server, dan loading halaman lanjutan yang lebih cepat.
Namun, CSR juga menghadirkan tantangan signifikan bagi SEO, seperti kesulitan crawling dan indexing bagi Googlebot karena ketergantungan pada JavaScript, waktu loading awal yang lambat, potensi masalah crawl budget, serta risiko user experience yang buruk di tahap awal.