Analisa Performasi Metode Client Side Rendering, Server Side Rendering, dan Incremental Static Regeneration dalam Proses Website Rendering

Roni Ardiyanto; Eka Ardhianto

doi:10.31294/coscience.v4i1.2427

Authors

Roni Ardiyanto Universitas Stikubank
Eka Ardhianto Program Studi Teknik Informatika, Fakultas Teknologi Informasi dan Industri, Universitas Stikubank

DOI:

https://doi.org/10.31294/coscience.v4i1.2427

Keywords:

Website, Rendering, Analysis

Abstract

Website telah menjadi bagian penting dari kegiatan bisnis, pendidikan, hiburan, maupun media sosial. Optimalisasi website menjadi penting saat proses pembuatannya. Hal ini disebabakan supaya pengguna website merasa nyaman. Akses website yang cepat dan ringan menjadi salah satu daya tarik pengguna. Metode pembuatan website pada bagian Front-End diklasifikasikan menjadi 3 macam, yaitu: metode render CSR (Client Side Rendering), metode render SSR (Server Side Rendering), dan metode render ISR (Incremental Static Regeneration). Penelitian ini menggunakan aplikasi website dengan framework Next.js sebagai website untuk pengujian. Dibuat dalam website satu halaman berisi list daftar berita dari API CNNIndonesia.com. Tujuan penelitian ini untuk mencari metode mana yang optimal digunakan dalam pengembangan website. Sebagai metrik performansi digunakan kecepatan dan ukuran website. Hasil yang diperoleh adalah bahwa metode ISR sangat cocok digunakan dalam pengembangan web frontend karena lebih ringan dan lebih cepat diakses dibanding metode SSR dan CSR. Dengan rekomendasi untuk pembuatan website, jika menginginkan kecepatan berarti dapat menggunakan metode ISR untuk peramban crome jika menggunakan mozilla SSR. Jika menginginkan generate yang ringan maka menggunakan metode ISR untuk mozilla dan ISR untuk chrome.

References

Abraham, I., & Supriyati, Y. (2022). DESAIN KUASI EKSPERIMEN DALAM PENDIDIKAN: LITERATUR REVIEW. Jurnal Ilmiah Mandala Education (JIME), 8(3), 2442–9511. https://doi.org/10.36312/jime.v8i3.3800/http

Apriyanti, W., Syahlanisyiam, M., Anggraini, Y., Gunawan, S., Tyas Arinanto, R., Adnan Fauzan, R., Tuto Suban, N., & Agung, A. L. (2022). SOSIALISASI PENGGUNAAN INTERNET YANG SEHAT BAGI ANAK-ANAK DI YAYASAN DOMYADHU. Abdi Jurnal Publikasi, 1(1). https://jurnal.portalpublikasi.id/index.php/AJP/index

Baehaqi, A., Subhi Bashit, M., Eko Indrajit, R., & Dwi Kurniawan, R. (2023). FRONT END LEARNING MANAGEMENT SYSTEM DEVELOPMENT USING THE NEXTJS FRAMEWORK. Jurnal Teknik Informatika, 4(4), 899–911. https://doi.org/10.52436/1.jutif.2023.4.4.1273

Biyyapu, V. P., Jammalamadaka, S. K. R., Jammalamadaka, S. B., Chokara, B., Duvvuri, B. K. K., & Budaraju, R. R. (2023). Building an Expert System through Machine Learning for Predicting the Quality of a Website Based on Its Completion. Computers, 12(9). https://doi.org/10.3390/computers12090181

Budikusuma, I., & Susanto, S. (2022). PENGEMBANGAN APLIKASI TOEFL PRACTICE EXAM BERBASIS WEBSITE PADA UNIVERSITAS TEKNOLOGI SUMBAWA. Jurnal Mahasiswa Teknik Informatika, 6(1). https://kbbi.kemdikbud.go.id/entri/pendidikan.

Fadhilah Iskandar, T., Lubis, M., Fabrianti Kusumasari, T., & Ridho Lubis, A. (2020). Comparison between client-side and server-side rendering in the web development. IOP Conference Series: Materials Science and Engineering, 801(1). https://doi.org/10.1088/1757-899X/801/1/012136

Fariz, M., Lazuardy, S., & Anggraini, D. (2022). Modern Front End Web Architectures with React.Js and Next.Js. International Research Journal of Advanced Engineering and Science, 7(1), 132–141.

Furqani, N. El, & Muliono, R. (2021). Web-Based Library Information System Design at SDN 056004 Basilam. Journal of Research Computer Science, 1(1), 2770–1800. http://journal.station-it.org/index.php/jrcs

Hartawan, M. S., & Id, J. (2022). PENERAPAN USER CENTERED DESIGN (UCD) PADA WIREFRAME DESAIN USER INTERFACE DAN USER EXPERIENCE APLIKASI SINOPSIS FILM. Jurnal Elektro & Informatika Swadharma (JEIS), 02(01).

Jartarghar, H. A., Rao Salanke, G., Kumar, A. A., & Dalali, S. (2022). React Apps with Server-Side Rendering: Next.js. Journal of Telecommunication, 14(04).

Jubhari Phie Joarno, R., Fajar, M., & Yunus, A. (2022). IMPLEMENTASI PROGRESSIVE WEB APPS PADA WEBSITE GETHELP MENGGUNAKAN NEXT.JS. Jurnal KHARISMA Tech, 17, 1–15. https://jurnal.kharisma.ac.id/kharismatech/

Mashhadi Mohammad, H., & Valentina, G. (2023). Visual analytics for job candidates. Politecnico Di Torino.

Muhammad, F. S., & Muhammad, N. F. (2019). Review Tools Web Browser Forensics untuk Mendukung Pencarian Bukti Digital. JEPIN (Jurnal Edukasi Dan Penelitian Informatika) , 05(01).

Pangestika, R., & Dirgahayu, R. T. (2020). Pengembangan Back-end Sistem Informasi Pendataan Sekolah Desa Komunitas Pendar Foundation Yogyakarta. Jurnal UII Automata, 1(2).

Ronaldo, M., & Pasha, D. (2021). SISTEM INFORMASI PENGELOLAAN DATA SANTRI PONDOK PESANTREN AN-AHL BERBASIS WEBSITE. Telefortech, 2(1), 2774–5384.

Terttiaavini, I Made Agus Oka Gunawan, Kraugusteeliana, Winarno, E., & Rony Sandra Yofa Zebua. (2023). Perancangan dan Implementasi Frontend Web untuk Sistem Pengaduan Masyarakat. Jurnal Informasi Dan Teknologi, 112–126. https://doi.org/10.37034/jidt.v5i1.290

Wahdaniya, N., & Sariwati, R. (2022). Legal Aspects of Using Digital Signatures in Online Business Transactions. In International Journal of Latest Research in Humanities and Social Science (IJLRHSS. www.ijlrhss.com

Yunanto, A. A., Wildan, M. A., Khoirunnisa, B., Lestari, R. D., Yogi, A., & Nugraha, D. (2022). PENGEMBANGAN SISTEM MONITORING KINERJA GURU DI SMK MASKUMAMBANG 1 SURABAYA. Print) Jurnal POROS TEKNIK, 14(1), 10–17.