Evaluasi Kinerja Arsitektur Web Berbasis Single Page Application Pada Aplikasi Presensi Kuliah
DOI:
https://doi.org/10.33998/jms.2026.6.1.2755Keywords:
Laravel, livewire, load testing, performa web, k6, single page applicationAbstract
The evolution of interactive web applications has popularized server-driven approaches like Livewire as an alternative for developing Single Page Applications (SPA) without complex JavaScript dependencies. However, the performance implications of this approach compared to conventional methods require empirical evaluation. This study compares the performance of Laravel Blade (Traditional/AJAX) and Livewire within the context of an academic attendance system. Testing was conducted using k6 for load simulation and browser-based analysis to observe actual communication patterns. Load testing results indicate that Livewire has an average response time 2.7× higher and bandwidth consumption up to 6× greater due to the state snapshot mechanism. However, browser interaction tests reveal the architectural superiority of Livewire’s SPA model, which reduced HTTP requests by 88.1% and navigation data load by 78.7% by eliminating full page reloads. Furthermore, Livewire demonstrated superior stability with a 0% error rate compared to Blade (0.69%). These findings indicate that while per-request overhead exists, Livewire offers better network resource efficiency during sustained use and more consistent stability for interactive applications
Downloads
References
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.
