Dipublikasikan: 31 Maret 2014
Untuk memberikan waktu render pertama secepat mungkin, kita perlu meminimalkan tiga variabel:
- Jumlah resource penting.
- Panjang jalur kritis.
- Jumlah byte kritis.
Resource penting adalah resource yang dapat memblokir rendering awal halaman. Makin sedikit resource ini, makin sedikit pekerjaan untuk browser, CPU, dan resource lainnya.
Demikian pula, panjang jalur kritis adalah fungsi dari grafik dependensi antara resource kritis dan ukuran byte-nya: beberapa download resource hanya dapat dimulai setelah resource sebelumnya diproses, dan semakin besar resource, semakin banyak perjalanan bolak-balik yang diperlukan untuk mendownload.
Terakhir, semakin sedikit byte penting yang harus didownload browser, semakin cepat browser dapat memproses konten dan merendernya agar terlihat di layar. Untuk mengurangi jumlah byte, kita dapat mengurangi jumlah resource (menghapusnya atau membuatnya tidak penting) dan memastikan bahwa kita meminimalkan ukuran transfer dengan mengompresi dan mengoptimalkan setiap resource.
Urutan langkah umum untuk mengoptimalkan jalur rendering kritis adalah:
- Analisis dan karakterisasi jalur kritis Anda: jumlah resource, byte, panjang.
- Minimalkan jumlah resource penting: hapus, tangguhkan download-nya, tandai sebagai asinkron, dan pertimbangan penting lainnya.
- Optimalkan jumlah byte penting untuk mengurangi waktu download (jumlah roundtrip).
- Optimalkan urutan pemuatan resource penting yang tersisa: download semua aset penting sesegera mungkin untuk mempersingkat panjang jalur kritis.