Mengurangi waktu eksekusi JavaScript

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:

Screenshot audit Kurangi waktu eksekusi JavaScript Lighthouse

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

Untuk mengetahui cara lain meningkatkan pemuatan halaman, lihat halaman landing Audit performa.

Referensi

Kode sumber untuk audit Mengurangi waktu eksekusi JavaScript