PENGARUH IMPLEMENTASI VUE.JS DENGAN PROGRESSIVE WEB APP TERHADAP PERFORMA DAN USABILITY WEBSITE PENYEWAAN RUANGAN INSTANSI XYZ BERDASARKAN PENGUJIAN GOOGLE LIGHTHOUSE [MTD]

Abstract

Perkembangan teknologi dan pergeseran preferensi pengguna dalam mengakses internet melalui perangkat mobile menuntut website untuk lebih responsif dan memiliki performa yang optimal di perangkat tersebut. Data menunjukkan bahwa 60,4% traffic internet global pada tahun 2024 berasal dari perangkat mobile, meningkat 461% sejak tahun 2012. Website penyewaan ruangan di Instansi XYZ, yang awalnya dikembangkan dengan framework front-end Bootstrap dan fokus pada akses desktop, mengalami kendala performa dan pengalaman pengguna ketika diakses melalui perangkat mobile. Oleh karena itu, penelitian ini bertujuan untuk mengevaluasi pengaruh penerapan framework front-end Vue.js dengan dukungan Progressive Web App (PWA) terhadap performa dan usability website penyewaan ruangan tersebut.

Dalam penelitian ini, Google Lighthouse digunakan sebagai alat pengukuran utama untuk menilai performa sebelum dan sesudah implementasi Vue.js dan PWA. Metrik-metrik kunci seperti First Contentful Paint (FCP), Largest Contentful Paint (LCP), Speed Index, Total Blocking Time (TBT), dan Cumulative Layout Shift (CLS) dianalisis untuk mengidentifikasi peningkatan performa yang dicapai. Penelitian ini diharapkan dapat memberikan solusi praktis bagi instansi lain atau pengembang yang ingin meningkatkan kualitas akses mobile tanpa mengembangkan aplikasi native, serta memberikan panduan dalam memilih teknologi front-end yang tepat untuk meningkatkan pengalaman pengguna di perangkat mobile.