Agar dihasilkan render pertama secepat mungkin, kita perlu meminimalkan tiga variabel:
- Jumlah resource 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 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 akan semakin banyak perjalanan bolak-balik 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 dapat mengurangi jumlah resource (menghilangkan atau menjadikannya tidak penting) dan memastikan kita meminimalkan ukuran transfer dengan mengompresi dan mengoptimalkan setiap resource.
Urutan langkah umum untuk mengoptimalkan jalur rendering penting adalah:
- Analisis dan karakterkan jalur penting Anda: jumlah resource, byte, panjang.
- Minimalkan jumlah sumber daya penting: hapus, tunda downloadnya, tandai sebagai asinkron, dan seterusnya.
- 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.