Analisis Komparatif Kinerja Next.js, Nuxt.js, dan Remix.js dalam Implementasi Server Side Rendering Website Berita


Keywords: Server Side Rendering; News Website; Next.js; Nuxt.js; Remix.js

Abstract

The rapid development of online news media requires websites to have high performance in order to deliver information quickly, stably, and optimally on search engines. The objective of this study is to analyze and compare the performance of the Next.js, Nuxt.js, and Remix.js frameworks in implementing Server Side Rendering (SSR) on news websites. The method used is a comparative experiment by building three identical news website prototypes using the three frameworks, then testing them with Google Lighthouse to measure rendering peformance and Apache JMeter to assess resilience to user load. The load testing was conducted in three scenarios using 250, 500, and 1000 virtual users/threads with a 5 second ramp-up period, a 300 second test duration, and an infinite loop count so that each virtual user continuously repeated requests until the test ended. Google Lighthouse test results show that Remix.js excels in the First Contentful Paint metric at 2.14 seconds, Largest Contentful Paint at 2.9 seconds, and Speed Index at 2.14 seconds, allowing news headlines and images to be displayed faster and improving user perception of speed and convenience. In JMeter testing, Nuxt.js showed the best performance with the lowest response time, highest throughput, and more stable error rate compared to other frameworks, demonstrating better resilience in the face of large traffic spikes. The conclusion of this study is that Remix.js is more optimal for improving user experience through content access speed, while Nuxt.js is superior in terms of scalability and reliability when traffic spikes occur. The implication of these findings is that the selection of an SSR framework for news websites should be tailored to the main priority, whether it is emphasizing access speed or system resilience under high load conditions.

Downloads

Download data is not yet available.

Author Biographies

Richie Reuben Hermanto, Universitas Ciputra, Surabaya

Richie Reuben Hermanto is an undergraduate student majoring in Informatics Engineering at Ciputra University, Surabaya, currently in his 7th semester. He is undertaking an internship at the Apple Developer Academy as an iOS Developer, where he focuses on creating impactful and innovative applications. In addition to his expertise in iOS development, he is also actively engaged in web development using React.js and Express.js. Richie also serves as a teaching assistant in several courses, including Database, Web Development, and Software Engineering. He has a strong interest in lifelong learning, innovation, and collaboration through organizational involvement. His achievements include winning 1st Place in the UI/UX Competition at the Information System Festival 2024 hosted by Universitas Kristen Satya Wacana, Salatiga, and securing 3rd Place in the National UI/UX Design Competition organized by Lo Kreatif.

Mychael Maoeretz Engel, Universitas Ciputra, Surabaya

 Mychael Maoeretz Engel is an Assistant Professor in Universitas Ciputra Surabaya. He joined Universitas Ciputra since 2018 and currently part of Informatics.

Mychael received a bachelor’s degree and master’s degree in computer science from Satya Wacana Christian University, Salatiga, Central Java. He teaches Entrepreneurship courses in multidisciplinary classes and several courses in Information Technology including Mobile & Web Application Development (Full Stack) and Digital Entrepreneurship Product Development. His research focuses are in the field of Recommender System, Mobile Application Security, Cloud Computing and Digital Entrepreneurship Implementation. His expertise is in Full Stack Application Development, Microservices, Mobile Security, Cloud Computing, and Software Engineering.
Currently He is studying Doctor of Computer Science at Bina Nusantara (BINUS) University.

References

Anggraeni, O. S. I., Sugiarto, L., & Agustin, T. (2024). Studi Komparatif Performa Framework Javascript Modern dalam Pengembangan Aplikasi Web. Modem : Jurnal Informatika Dan Sains Teknologi., 2(4), 162–177. https://doi.org/10.62951/modem.v2i4.239

Aryo Subarkah Eddyono. (2022). (PDF) Media Siber dan Search Engine Optimization (SEO): Melacak Motif, Adaptasi untuk Cari Untung, dan Upaya Menjaga Kualitas Jurnalisme. ResearchGate. https://doi.org/10.33021/exp.v5i2.4346

Bhanuartha, P. G. A., Pinandito, A., & Akbar, M. A. (2025). Analisis Perbandingan Server Side dan Client Side Data Fetching pada Framework Next.Js (Studi Kasus Aplikasi Online Course). Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 9(3). https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/14579

Cahyono, N., & Kamarudin. (2024). Perbandingan Gtmetrix, Lighthouse, Pingdom dan Pagespeed Insight dalam evaluasi Performa Website. Jurnal Ilmiah Media Sisfo, 18(2), Article 2. https://doi.org/10.33998/mediasisfo.2024.18.2.1901

Chen, K. (2025). Improving Front-end Performance through Modular Rendering and Adaptive Hydration (MRAH) in React Applications (No. arXiv:2504.03884). arXiv. https://doi.org/10.48550/arXiv.2504.03884

Debalina Sinha Jana, K. S. (2024). (PDF) The Role of JavaScript Frameworks in Performance Optimization: A Comparative Study. https://www.academia.edu/127691429/The_Role_of_JavaScript_Frameworks_in_Performance_Optimization_A_Comparative_Study

Fakhrunnisa, S., & Kurniawan, R. (2024). Perbandingan Kinerja Framework Front End Dalam Pengembangan Platform Talent Pool. Technologia : Jurnal Ilmiah, 15(4), Article 4. https://doi.org/10.31602/tji.v15i4.16750

Hanafi, R., Haq, A., & Agustin, N. (2024). Comparison of Web Page Rendering Methods Based on Next.js Framework Using Page Loading Time Test. Teknika, 13(1), 102–108. https://doi.org/10.34148/teknika.v13i1.769

Hidayat, P. S., & Nasution, M. I. P. (2024). Pengaruh Kinerja Situs Web Terhadap Kepuasan Dan Loyalitas Pelanggan di E Commerce. Switch : Jurnal Sains Dan Teknologi Informasi, 2(4), 14–25. https://doi.org/10.62951/switch.v2i4.82

Ismail, A., Ananta, A. Y., Arief, S. N., & Hamdana, E. N. (2023). Performance Testing Sistem Ujian Online Menggunakan Jmeter Pada Lingkungan Virtual. Jurnal Informatika Polinema, 9(2), Article 2. https://doi.org/10.33795/jip.v9i2.1190

Landgraf, A. (2023). Full Stack Web Development with Remix: Enhance the user experience and build better React apps by utilizing the web platform. Packt Publishing Ltd.

M Syahputra. (2025, May 23). Analisis Perbandingan Bahasa Java dan JavaScript dalam Implementasi Algoritma Pemrograman | RIGGS: Journal of Artificial Intelligence and Digital Business. https://journal.ilmudata.co.id/index.php/RIGGS/article/view/646

Maulana, I. D., & Susetyo, Y. A. (2025). Implementasi Fetch API dalam pengembangan Backend Website Daftar Film dengan Next.JS. Kesatria : Jurnal Penerapan Sistem Informasi (Komputer Dan Manajemen), 6(1), Article 1. https://doi.org/10.30645/kesatria.v6i1.560

Muhammad A Ayub. (2021). (PDF) Analisis Topik Ekonomi Dengan Algoritma K-Means Pada Media Online Era Pandemi Covid-19 Di Sulawesi Tenggara. ResearchGate. https://doi.org/10.33387/jiko.v4i2.3235

Mulyadi, E., & Suharman, T. (2024). Analisa Pemakaian Teknik Search Engine Optimization (Seo) Pada Media Berita Online Dalam Media Sustainability. Journal Visioner : Journal of Television, 6(No, 1 Juli), Article No, 1 Juli. https://journal.atvi.ac.id/index.php/jurnal_visioner/article/view/53

Muna, S. S., Nurdin, N., & Taufiq, T. (2022). Tokopedia and Shopee Marketplace Performance Analysis Using Metrix Google Light-house. International Journal of Engineering, Science and Information Technology, 2(3), Article 3. https://doi.org/10.52088/ijesty.v2i3.312

Nainggolan, Y., Divia, D., Hutapea, D. L., Sirait, W. F., Sirait, M., & Sianturi, R. (2025). Anava Satu Jalur (One Way – Anova). Innovative: Journal Of Social Science Research, 5(1), 5670–5682. https://doi.org/10.31004/innovative.v5i1.17989

Ollila, R., Mäkitalo, N., & Mikkonen, T. (2022). Modern Web Frameworks: A Comparison of Rendering Performance. Journal of Web Engineering, 21(3), 789–813. Journal of Web Engineering. https://doi.org/10.13052/jwe1540-9589.21311

Rao, N. S. (2025). Modern Server-Side Rendering: A Technical Deep Dive. International Journal Of Research In Computer Applications And Information Technology, 8(1), 777–789. https://doi.org/10.34218/IJRCAIT_08_01_059

Siahaan, M., & Kenidy, R. (2023). Rendering performance comparison of react, vue, next, and nuxt. Jurnal Mantik, 7(3), Article 3. https://doi.org/10.35335/mantik.v7i3.4242


Bila bermanfaat silahkan share artikel ini

Berikan Komentar Anda terhadap artikel Analisis Komparatif Kinerja Next.js, Nuxt.js, dan Remix.js dalam Implementasi Server Side Rendering Website Berita

Dimensions Badge
Article History
Published: 2025-10-18
Abstract View: 255 times
PDF Download: 365 times
Section
Articles