Mengoptimalkan Jalur Rendering Penting

Dipublikasikan: 31 Maret 2014

Untuk menghasilkan waktu render pertama secepat mungkin, kita perlu untuk meminimalkan tiga variabel:

  • Jumlah resource penting.
  • Panjang jalur kritis.
  • Jumlah byte penting.

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

Demikian pula, panjang jalur penting merupakan fungsi grafik dependensi antara resource penting dan ukuran byte-nya: beberapa download resource hanya dapat dimulai setelah resource sebelumnya diproses, dan semakin besar resource, semakin sering harus bolak-balik mengunduhnya.

Terakhir, semakin sedikit byte penting yang harus didownload browser, semakin cepat pemrosesan materi dan merendernya pada layar. Untuk mengurangi jumlah byte, kita bisa mengurangi jumlah resource (menghapusnya atau membuatnya menjadi tidak penting), dan memastikan kita meminimalkan ukuran transfer dengan memampatkan dan mengoptimalkan setiap resource.

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

  1. Analisis dan karakterkan jalur penting Anda: jumlah resource, byte, panjang.
  2. Meminimalkan jumlah resource penting: menghilangkannya, menangguhkan download-nya, menandainya sebagai asinkron, dan pertimbangan penting lainnya.
  3. Optimalkan jumlah byte penting untuk mengurangi waktu download (jumlah bolak-balik).
  4. Mengoptimalkan urutan pemuatan resource penting yang tersisa: download semua aset penting sedini mungkin untuk mempersingkat panjang jalur penting.

Masukan