Research on Performance Optimization Scheme for Web Front-End and Its Practice

Yan, Fei; Zhao, Xu; Zhong, Yu; HaiBei, Zhang; Ge, Chang Yun

doi:10.1007/978-981-15-8411-4_118

Cited by 1 publication

(1 citation statement)

References 2 publications

Supporting

Mentioning

Contrasting

Unclassified

Order By: Relevance

“…Hal tersebut dapat memperbaiki performa aplikasi dan mengurangi beban pada jaringan. Pada penelitian yang dilakukan oleh [9], waktu mengakses website dapat dikurangi secara signifikan, dari 25,27 detik menjadi 0.3 detik. Hal tersebut karena website memiliki banyak gambar, dan dengan menggunakan lazy loading, website menjadi lebih cepat karena ukuran gambar dikurangi sebesar 94,3%.…”

Section: Lazy Loadingunclassified

Optimasi micro frontend website untuk meningkatkan load times: teknik, tantangan, dan best practice

Akbarrizky,

Daman Huri,

Wisnuadhi

et al. 2023

CoSciTech

View full text Add to dashboard Cite

Dalam beberapa tahun terakhir, terjadi peningkatan popularitas dari arsitektur micro frontend dikarenakan mulai diimplementasikan oleh perusahaan besar seperti IKEA, Starbucks, dan Amazon. Karakteristiknya yang menyerupai microservice membuat arsitektur ini mulai banyak diterapkan untuk meningkatkan developer experience. Namun, arsitektur ini memiliki beberapa masalah, salah satunya adalah performa page load time yang rendah. Tujuan dari dilakukannya penelitian ini adalah untuk menentukan bagaimana best practice dalam mengoptimasi performa page load time dari aplikasi micro frontend. Penelitian dilakukan dengan mengimplementasikan teknik optimasi seperti code splitting, lazy loading, tree shaking, minification, dan utility module kepada setiap micro frontend yang dimiliki oleh suatu website, kemudian dilakukan pengujian sebanyak 200 kali yang didapatkan menggunakan formula Lemeshow di local dan server environment menggunakan browser Google Chrome dengan metrik fully loaded, yaitu ukuran waktu yang dibutuhkan suatu website untuk memuat seluruh resources yang digunakan oleh website tersebut. Penelitian dilakukan pada aplikasi Enterprise Resources Planning (ERP) yang terdiri dari lima micro frontend dengan framework React, Vue, dan Angular. Hasil eksperimen yang dilakukan menunjukkan bahwa mengimplementasikan setiap teknik optimasi pada seluruh micro frontend dapat meningkatkan performa page load time aplikasi sebesar 31,79% pada local dan 47,5% pada server environment.

show abstract

Section: Lazy Loadingunclassified