Evaluasi Perbandingan Laravel Blade dan Livewire pada Sistem Presensi Akademik

The increasing demand for interactive web applications has encouraged the adoption of server-driven approaches such as Livewire as an alternative to building Single Page Applications (SPAs) without complex client-side JavaScript. However, the performance implications of this approach compared to conventional methods remain insufficiently explored. This study presents an empirical comparison between Laravel Blade with AJAX and Livewire in an academic attendance system scenario. Performance evaluation was conducted using k6 on the same web server, complemented by manual browser-based testing to observe actual communication patterns. The results indicate that Livewire exhibits approximately 2.7× higher average response time and up to 6× greater bandwidth consumption than Laravel Blade, primarily due to its snapshot mechanism and state synchronization process. Conversely, Livewire demonstrates better stability, reflected by lower maximum response times and a 0% error rate. These findings highlight a clear trade-off between resource efficiency and development convenience, where Livewire favors stability and developer productivity, while Laravel Blade provides superior efficiency in terms of latency and bandwidth usage.