Pramuat memulai sumber daya lebih awal, sebelum browser menemukannya melalui lembar gaya normal. Hal ini dapat membantu font segera digunakan, tetapi memuat terlebih dahulu setiap varian bobot dan bahasa akan bersaing dengan sumber daya halaman yang lebih penting.
<link rel="preload" href="/fonts/site-regular.woff2" as="font" type="font/woff2" crossorigin>Preload dengan alasan yang jelas
- Pilih file font yang tepat yang digunakan oleh teks yang terlihat di paro atas.
- Menyertakan crossorigin untuk permintaan font lintas asal, meskipun font disajikan dari asal yang sama.
- Jangan melakukan pramuat file yang tidak pernah digunakan halaman tersebut atau yang masuk melalui URL berbeda.
Bandingkan sebelum dan sesudahnya
Periksa air terjun jaringan dan verifikasi bahwa pramuat digunakan kembali, bukan diunduh dua kali. Periksa rendering teks dan perubahan tata letak serta waktu mulai permintaan.
Untuk wajah yang tidak kritis, strategi fallback dan tampilan font yang baik sering kali lebih baik daripada antrean permintaan spekulatif.