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: