Jika memerlukan waktu lama untuk dijalankan, JavaScript akan memperlambat performa halaman Anda dengan beberapa cara:
Biaya jaringan
Lebih banyak byte sama dengan waktu download yang lebih lama.
Biaya penguraian dan kompilasi
JavaScript akan diurai dan dikompilasi di thread utama. Saat thread utama sibuk, halaman tidak dapat merespons input pengguna.
Biaya eksekusi
JavaScript juga dieksekusi di thread utama. Jika halaman Anda menjalankan banyak kode sebelum benar-benar diperlukan, hal tersebut juga menunda Waktu untuk Interaktif, yang merupakan salah satu metrik utama yang terkait dengan persepsi pengguna terhadap kecepatan halaman Anda.
Biaya memori
Jika JavaScript Anda menyimpan banyak referensi, JavaScript Anda berpotensi menghabiskan banyak memori. Halaman tampak tersendat atau lambat saat menggunakan banyak memori. Kebocoran memori dapat menyebabkan halaman Anda berhenti sepenuhnya.
Kegagalan audit waktu eksekusi JavaScript Lighthouse
Lighthouse menampilkan peringatan saat eksekusi JavaScript memerlukan waktu lebih dari 2 detik. Audit akan gagal jika eksekusi memerlukan waktu lebih dari 3,5 detik:
Untuk membantu Anda mengidentifikasi kontributor terbesar terhadap waktu eksekusi, Lighthouse melaporkan waktu yang dihabiskan untuk menjalankan, mengevaluasi, dan mengurai setiap file JavaScript yang dimuat halaman Anda.
Cara mempercepat eksekusi JavaScript
- Hanya kirim kode yang dibutuhkan pengguna dengan menerapkan pemisahan kode.
- Minifikasi dan kompresi kode Anda.
- Hapus kode yang tidak digunakan.
- Kurangi perjalanan jaringan dengan meng-cache kode Anda menggunakan pola PRPL.
Untuk mengetahui cara lain meningkatkan pemuatan halaman, lihat halaman landing Audit performa.
Referensi
Kode sumber untuk audit Mengurangi waktu eksekusi JavaScript