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:
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