Comparison of Client Side Rendering Performance in Static Website Implementation (Case Study of Barokah RentCar)

Internet berfungsi sebagai sistem global yang menghubungkan berbagai entitas di seluruh dunia, menyediakan informasi melalui website yang diakses menggunakan browser seperti Google Chrome dan Mozilla Firefox. Dalam era teknologi informasi yang pesat, performa rendering webiste menjadi krusial untuk pengalaman pengguna dan tingkat retensi mereka. Penelitian ini menganalisis dan membandingkan performa rendering Client-Side Rendering (CSR) dan Incremental Static Regeneration (ISR) dalam pengembangan website statis, dengan studi kasus Barokah RentCar. CSR melakukan rendering di sisi klien menggunakan sumber daya perangkat, sedangkan ISR memungkinkan respon instan dari server tanpa rendering tambahan. Tujuan penelitian ini adalah menemukan solusi optimal untuk meningkatkan performa webiste statis menggunakan framework Next.js, dengan mempertimbangkan kecepatan tampilan, tingkat interaktivitas, dan persepsi kecepatan akses pengguna. Hasil pengujian menggunakan tools Google Lighthouse menunjukkan bahwa teknologi rendering ISR memberikan kontribusi signifikan dalam performa website statis yang responsif dan efisien baik dalam mode desktop maupun mobile.

KATA KUNCI – CSR, ISR, Rendering, Google Lighthouse. 

The internet serves as a global system that connects various entities around the world, providing information through websites accessed using browsers such as Google Chrome and Mozilla Firefox. In the age of rapid information technology, the rendering performance of websites is crucial for the user experience and their retention rates. This study analyzes and compares the rendering performance of Client-Side Rendering (CSR) and Incremental Static Regeneration (ISR) in static website development, with the case study of Barokah RentCar. CSR performs client-side rendering using device resources, while ISR allows for an instant response from the server without additional rendering. The purpose of this study is to find an optimal solution to improve the performance of static webistes using Next.js framework, taking into account the display speed, interactivity level, and perception of user access speed. The results of testing using Google Lighthouse tools show that ISR rendering technology contributes significantly to the performance of a responsive and efficient static website in both desktop and mobile mode.

KEYWORDS – CSR, ISR, Rendering, Google Lighthouse.