Mengoptimalkan Jalur Rendering Penting

Agar dihasilkan waktu tercepat untuk render pertama, kita perlu meminimalkan tiga variabel:

  • Jumlah sumber daya penting.
  • Panjang jalur kritis.
  • Jumlah byte penting.

Sumber daya penting adalah sumber daya yang dapat memblokir rendering awal halaman. Semakin sedikit resource ini, semakin sedikit tugas browser, CPU, dan resource lainnya.

Demikian pula, panjang jalur penting adalah fungsi grafik dependensi antara resource penting dan ukuran byte-nya: sebagian download resource hanya dapat dimulai setelah resource sebelumnya diproses, dan makin besar resource, makin banyak roundtrip yang diperlukan untuk mendownload.

Terakhir, semakin sedikit byte penting yang harus didownload browser, semakin cepat konten dapat diproses dan ditampilkan di layar. Untuk mengurangi jumlah byte, kita bisa mengurangi jumlah resource (menghilangkan atau membuatnya menjadi tidak penting) dan memastikan kita meminimalkan ukuran transfer dengan mengompresi dan mengoptimalkan setiap resource.

Urutan langkah-langkah umum untuk mengoptimalkan jalur rendering penting adalah:

  1. Menganalisis dan mencirikan jalur penting Anda: jumlah sumber daya, byte, panjang.
  2. Minimalkan jumlah resource penting: hilangkan, tunda download, tandai sebagai asinkron, dan seterusnya.
  3. Optimalkan jumlah byte penting untuk mengurangi waktu download (jumlah bolak-balik).
  4. Optimalkan urutan pemuatan sumber daya penting yang tersisa: download semua aset penting sedini mungkin untuk mempersingkat panjang jalur penting.

Masukan