ANALISIS PERFORMA TEKNOLOGI PROGRESSIVE WEB APP PADA APLIKASI ONLINE NOTEBOOK
PERFORMANCE ANALYSIS OF PROGRESSIVE WEB APP TECHNOLOGY IN ONLINE NOTEBOOK APPLICATION
Perkembangan aplikasi web menuntut performa tinggi dan dukungan akses offline. Progressive Web App (PWA) menawarkan solusi dengan menggabungkan keunggulan aplikasi web dan native. Penelitian ini bertujuan untuk merancang dan mengembangkan aplikasi notebook online berbasis PWA yang dapat berjalan secara offline, serta membandingkan performanya dengan versi non-PWA. Metode yang digunakan adalah pengembangan dua versi aplikasi menggunakan Next.js dan Firebase. Pengujian dilakukan dengan Lighthouse dan GTMetrix untuk mengukur metrik seperti waktu muat awal, efisiensi cache, dan interaktivitas, pada perangkat PC dan mobile. Hasil menunjukkan bahwa versi PWA lebih unggul, dengan waktu muat rata-rata 0,39 detik dibandingkan 0,98 detik pada non-PWA. Selain pengujian performa, dilakukan pula uji fungsionalitas dan kompatibilitas pada berbagai skenario konektivitas. Hasil menunjukkan bahwa versi PWA mendukung akses offline, instalasi aplikasi, dan kompatibilitas lintas perangkat dengan baik. Kesimpulannya, implementasi PWA meningkatkan performa dan pengalaman pengguna. Saran pengembangan selanjutnya adalah optimalisasi cache dan pengujian lebih luas di berbagai perangkat.
The development of web applications demands high performance and offline accessibility. Progressive Web App (PWA) offers a solution by combining the advantages of web and native applications. This study aims to design and develop an online notebook application based on PWA that works offline, and to compare its performance with a non-PWA version. The method used involves developing two versions of the application using Next.js and Firebase. Performance testing was conducted using Lighthouse and GTMetrix to measure metrics such as initial load time, cache efficiency, and interactivity on both PC and mobile devices. The results show that the PWA version performs better, with an average load time of 0.39 seconds compared to 0.98 seconds on the non-PWA version. In addition to performance testing, functional and compatibility tests were carried out under various connectivity scenarios. The findings indicate that the PWA version supports offline access, app installation, and cross-device compatibility effectively. In conclusion, implementing PWA improves performance and user experience. Further development is suggested to optimize cache use and expand testing across various devices.