Menghindari rantai permintaan penting

Rantai permintaan penting adalah serangkaian permintaan jaringan dependen yang penting untuk rendering halaman. Makin besar panjang rantai dan makin besar ukuran download, semakin signifikan dampaknya terhadap performa pemuatan halaman.

Lighthouse melaporkan permintaan penting yang dimuat dengan prioritas tinggi:

Screenshot audit kedalaman permintaan kritis Lighthouse Minimalkan

Cara Lighthouse mengidentifikasi rantai permintaan penting

Lighthouse menggunakan prioritas jaringan sebagai proxy untuk mengidentifikasi resource penting yang memblokir rendering. Lihat Penjadwalan dan Prioritas Resource Chrome Google untuk informasi selengkapnya tentang cara Chrome menentukan prioritas tersebut.

Data pada rantai permintaan penting, ukuran resource, dan waktu yang dihabiskan untuk mendownload resource diekstrak dari Protokol Proses Debug Jarak Jauh Chrome.

Cara mengurangi efek rantai permintaan penting terhadap performa

Gunakan hasil audit rantai permintaan penting untuk menargetkan resource yang memiliki pengaruh terbesar pada pemuatan halaman terlebih dahulu:

  • Minimalkan jumlah resource penting: menghilangkannya, menunda download, menandainya sebagai async, dan seterusnya.
  • Mengoptimalkan jumlah byte penting untuk mengurangi waktu download (jumlah round-trip).
  • Optimalkan urutan pemuatan sisa sumber daya penting: download semua aset penting sedini mungkin untuk mempersingkat panjang jalur penting.

Pelajari lebih lanjut cara mengoptimalkan gambar, JavaScript, CSS, dan font web Anda.

Panduan khusus stack

Magento

Jika Anda tidak memaketkan aset JavaScript, pertimbangkan untuk menggunakan baler.

Referensi

Kode sumber untuk audit Minimalkan kedalaman permintaan penting