Performance Comparison of Response Time Native, Mobile and Progressive Web Application Technology

Rachma Verina Rochim, Alam Rahmatulloh, R Reza El-Akbar, Randi Rizal

Abstract

The development of technology in web-based applications is growing, this creates new problems. The web technology that is currently being discussed is Progressive Web Application (PWA) but is the PWA's performance better than the previous technology. This research is about measuring the performance of the Native Web, Mobile Web and PWA using three testing tools, namely GTMetrix, Lighthouse, and Chrome DevTool. The results of this study show how to measure the performance of a Progressive Web Application (PWA), where PWA can beat the performance of Native Web and Mobile Web if a web page is tested more than once. Test results on the Progressive Web Application (PWA), the minimum number of page files (home) is 217 kB with page loading time of 638 ms, while the medium page (about) is 431 kB with page loading time of 646 ms, and when accessing heavy pages (news) with a size of 41700 kB the page load time is 532 ms.

Full Text:

PDF (36-43)

References

Syaifudin, K., Pranata, E., A, W. N., & Dian, A. R. (2019). Analisis Usability pada Perbandingan Web-Native dengan Web Berbasis Progressive Web App. Informatika.

John Fetto. (2016). Mobile Search: Topics and Themes. http://hitwise.connexity.com/rs/371-PLE-119/images/hitwise-mobile-search-report-us.pdf

Solechah, I. N. (2016). Perbedaan Mobile Web dan Mobile Apps: Keunggulan dan Kekurangan - HeroSoftMedia. Available at: https://www.herosoftmedia.co.id/perbedaan-mobile-web-dan-mobile-apps-keunggulan-dan-kekurangan/ (Accessed: 26 February 2020).

Patty, R. R. (2018). Menkominfo: Semua Wilayah Tertinggal Akan Terhubung Internet pada 2019. Kompas. Available at: https://regional.kompas.com/read/2018/03/08/21271401/menkominfo-semua-wilayah-tertinggal-akan-terhubung-internet-pada-2019 (Accessed: 26 February 2020).

Karpagam, V. (2017). Performance Enhancement of Webpage Using Progressive Web App Features. International Journal of Innovative Research in Advanced Engineering, 03(4), 2349–2163.

Kurniawan, A., Areni, I. S., & Achmad, A. (2017). Implementasi Progressive Web Application pada Sistem Monitoring Keluhan Sampah Kota Makassar. Ipe-Unhas, 21(02), 34–38.

Sharma, V., Verma, R., Pathak, V., Paliwal, M., & Jain, P. (2019). Progressive Web App (PWA) - One Stop Solution for All Application Development Across All Platforms. International Journal of Scientific Research in Computer Science, Engineering and Information Technology, 5(2), 1120–1122. https://doi.org/10.32628/cseit1952290

Hartono, H. (2013). Pengertian Website dan Unsur-Unsurnya. Ilmu Teknologi Informasi (Ilmuti).

Wikipedia. (2018). Desain Web Responsif. Wikipedia. Available at: https://id.wikipedia.org/wiki/Desain_web_responsif (Accessed: 27 February 2020).

Setiawan, A., Rusdianto, D. S., & Kharisma, A. P. (2019). Pengembangan Sistem Pelaporan Gangguan Berbasis Web dengan menggunakan Teknologi Progressive Web Application ( Studi Kasus : Unit IT PT . Kereta Api Indonesia Daerah Operasi III Cirebon ). 5, 4194–4203.

Gaunt, M. (2016). Service Workers: an Introduction | Web | Google Developers. 2016-10-24. Available at: https://developers.google.com/web/fundamentals/primers/service-workers?hl=id (Accessed: 17 February 2020).

Osmani, A., & Gaunt, M. (2017). Instant Loading Web Apps with an Application Shell Architecture. Google Developers. Available at: https://developers.google.com/web/updates/2015/11/app-shell (Accessed: 17 February 2020).

Biørn-Hansen, A., Majchrzak, T. A., & Grønli, T. M. (2017). Progressive web apps: The possibleweb-native unifier for mobile development. WEBIST 2017 - Proceedings of the 13th International Conference on Web Information Systems and Technologies, Webist, 344–351. https://doi.org/10.5220/0006353703440351

Chrome, G. (2017). Chrome DevTools | Tools for Web Developers |Google Developers. Google Developers. Available at : https://developers.google.com/web/tools/chrome-devtools/ (Accessed: 17 February 2020).

Aminudin, A., Basren, B., & Nuryasin, I. (2019). Perancangan Sistem Repositori Tugas Akhir Menggunakan Progressive Web App (PWA). Techno.Com, 18(2), 154–165. https://doi.org/10.33633/tc.v18i2.2309

Fryonanda, H., & Ahmad, T. (2017). Analisis Website Perguruan Tinggi Berdasarkan Keinginan Search Engine Menggunakan Automated Software Testing GTmetrix. Analisis Website Perguruan Tinggi Berdasarkan.

Haryo Triwardhono, Siahaan, D. O., & Ratih Nur Esti Anggraini. (2014). Rancang Bangun Aplikasi Berita dan Informasi Pariwisata Indonesia Terkini dengan Menggunakan Kerangka Kerja PhoneGap. Jurnal Teknik Pomits, 2(1), 1–4.

Ridho, M. R., Pinandito, A., & Dewi, R. K. (2018). Perbandingan Performa Progressive Web Apps dan Mobile Web Terkait Waktu Respon , Penggunaan Memori dan Penggunaan Media Penyimpanan. Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 2(10), 3483–3491.

Fransson, R., & Driaguine, A. (2017). Comparing Progressive Web Applications with Native Android Applications. Linnaeus University, Faculty of Technology, 1, 59.

Tahirshah, F. S. (2019). Comparison between Progressive Web App and Regular Web App (Issue june) [Blekinge Institute of Technology]. urn:nbn:se:bth-1813

Google Developers. (n.d.). Mekanisme Generic Fallback. https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook

DOI: https://doi.org/10.37058/innovatics.v5i1.7045

Refbacks

  • There are currently no refbacks.