Dipublikasikan: 31 Maret 2014
Untuk menghasilkan waktu tercepat untuk render pertama, kita perlu meminimalkan tiga variabel:
- Jumlah resource penting.
- Panjang jalur kritis.
- Jumlah byte penting.
Resource penting adalah resource yang dapat memblokir rendering awal halaman. Semakin sedikit sumber daya ini, semakin sedikit kerja browser, CPU, dan sumber daya lainnya.
Demikian pula, panjang jalur penting merupakan fungsi grafik dependensi antara resource penting dan ukuran byte-nya: sebagian 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 dapat mengurangi jumlah resource (menghilangkan atau menjadikannya tidak penting) dan memastikan kita meminimalkan ukuran transfer dengan mengompresi dan mengoptimalkan setiap resource.
Urutan langkah-langkah umum untuk mengoptimalkan jalur rendering penting adalah:
- Analisis dan gambarkan jalur penting Anda: jumlah resource, byte, panjang.
- Meminimalkan jumlah resource penting: menghilangkannya, menangguhkan download-nya, menandainya sebagai asinkron, dan pertimbangan penting lainnya.
- Optimalkan jumlah byte penting untuk mengurangi waktu download (jumlah bolak-balik).
- Optimalkan urutan pemuatan sisa resource penting: download semua aset penting sedini mungkin untuk mempersingkat panjang jalur penting.