Evaluasi Kinerja Arsitektur Web Berbasis Single Page Application Pada Aplikasi Presensi Kuliah
DOI:
https://doi.org/10.33998/jms.2026.6.1.2755Kata Kunci:
Laravel, livewire, load testing, performa web, k6, single page applicationAbstrak
Perkembangan aplikasi web interaktif mendorong penggunaan pendekatan server-driven seperti Livewire sebagai alternatif pengembangan Single Page Application (SPA) tanpa ketergantungan JavaScript yang kompleks. Namun, implikasi performa dari pendekatan ini dibandingkan metode konvensional masih memerlukan evaluasi empiris. Penelitian ini membandingkan kinerja aplikasi berbasis Laravel Blade (Tradisional/AJAX) dengan Livewire pada skenario sistem presensi akademik. Pengujian dilakukan menggunakan k6 untuk simulasi beban serta pengujian melalui browser untuk mengamati pola komunikasi aktual. Hasil pengujian beban menunjukkan Livewire memiliki waktu respons rata-rata 2,7× lebih tinggi dan konsumsi bandwidth hingga 6× lebih besar akibat mekanisme snapshot. Namun, pengujian interaksi browser membuktikan keunggulan arsitektur SPA pada Livewire yang mampu mereduksi permintaan HTTP hingga 88,1% dan beban data navigasi sebesar 78,7% melalui eliminasi full page reload. Selain itu, Livewire menunjukkan stabilitas superior dengan tingkat kesalahan 0% dibandingkan Blade (0,69%). Temuan ini mengindikasikan bahwa meskipun terdapat overhead pada setiap permintaan, Livewire menawarkan efisiensi jaringan yang lebih baik pada penggunaan berkelanjutan serta stabilitas yang lebih konsisten untuk aplikasi interaktif
Unduhan
Referensi
JetBrains, “Developer Ecosystem Survey 2023.” 2023. [Online]. Available: https://www.jetbrains.com/lp/devecosystem-2023/
C. Porzio, “Laravel Livewire Documentation.” 2024. [Online]. Available: https://livewire.laravel.com/docs/
M. Stauffer, “Understanding Livewire: Server-Side Framework for Laravel.” 2023. [Online]. Available: https://mattstauffer.com/blog/
A. Amarulloh, K. Kurniasih, and M. Muchlis, “Analisis Perbandingan Performa Web Service REST Menggunakan Framework Laravel, Django, dan Node JS pada Aplikasi Berbasis Website,” J. Tek. Inform., vol. 9, no. 1, pp. 12–17, 2023.
B. Purwanto, H. Nugroho, and A. Wijayanto, “Pengembangan Dashboard Akademik Berbasis Data Warehouse di Perguruan Tinggi,” J. Teknol. Inf. Dan Komput., vol. 4, no. 1, pp. 12–20, 2018.
M. S. Hadinata and R. W. Stianingsih, “Analisis Perbandingan Performa RESTful API antara Express.js dengan Laravel Framework,” J. Inform. Dan Tek. Elektro Terap. JITET, vol. 7, no. 2, pp. 545–554, 2024, doi: 10.35313/jitet.v7i2.3845.
W. M. Kansha, “Analisis Perbandingan Struktur dan Performa Framework CodeIgniter dan Laravel dalam Pengembangan Web Application,” J. Tek. Inform. Stmik Antar Bangsa, vol. 9, no. 1, pp. 25–30, 2023.
M. Hendayun, A. Ginanjar, and Y. Ihsan, “Analysis of Application Performance Testing Using Load Testing and Stress Testing Methods in API Service,” J. Sisfotek Glob., vol. 13, no. 1, p. 28, 2023, doi: 10.38101/sisfotek.v13i1.2656.
F. A. Pradana, “Perancangan Sistem Presensi Deteksi Wajah Berbasis Website (Studi Kasus Laboratorium Sistem Manufaktur Terintegrasi UII),” PhD Thesis, Universitas Islam Indonesia, 2024.
T. Otwell, “Laravel Documentation.” 2024. [Online]. Available: https://laravel.com/docs/
W. Liu, L. Guo, Y. W. Heng, C. Li, A. E. Hassan, and others, “Screencast-Based Analysis of User-Perceived GUI Responsiveness,” ArXiv Prepr. ArXiv250801337, 2025.
A. N. Hikmat, “Evaluasi Desain Interface Pada Aplikasi Ipusnas Berdasarkan Teori Evaluasi Heuristik Nielsen,” LIBRIA, vol. 16, no. 1, pp. 16–36, 2024.
M. P. Ambara, M. Sudiarta, S. M. Suryaniadi, and I. G. T. S. Dharma, “Implementation of the CodeIgniter Framework in the Development of a Cloud-Based Competency Assessment System,” in International Conference on Sustainable Green Tourism Applied Science-Engineering Applied Science 2025 (ICOSTAS-EAS 2025), Atlantis Press, 2025, pp. 421–430.
Grafana Labs, “K6 Load Testing Documentation.” 2024. [Online]. Available: https://k6.io/docs/
Y. Teslenko, “PERFORMANCE PERCENTILE ANALYSIS FOR API-BASED TESTING,” Авторський Колектив, p. 235, 2025.
F. Pratama and A. Farisi, “Analisis Perbandingan Kinerja Backend API Menggunakan PHP, Golang, dan JavaScript.,” Techno Com, vol. 24, no. 1, 2025.
A. Setiawan and Y. Yamasari, “Evaluasi Performa Website Sistem Informasi Kesejahteraan Sosial (SIKS-NG) Di Kelurahan Lembeyan Kulon Kabupaten Magetan Dengan Google Light House,” J. Inform. Comput. Sci. JINACS, vol. 7, no. 01, pp. 218–227, 2025.
