Materi
Petunjuk sumber daya memberi tahu peramban pekerjaan yang bisa dimulai lebih awal. MDN menjelaskan link rel="preconnect" membuka koneksi ke origin lain lebih awal, yaitu DNS, TCP, dan TLS untuk origin https; untuk origin sendiri tidak ada manfaatnya. rel="dns-prefetch" hanya melakukan pencarian DNS, lebih murah, untuk origin yang kurang kritis. rel="preload" mengunduh berkas yang dibutuhkan halaman ini tetapi baru ditemukan terlambat: font di dalam CSS, gambar latar CSS, atau CSS dari @import.
Dua atribut menentukan apakah preload berguna. web.dev memperingatkan berkas preload tanpa atribut as diunduh dua kali. Font adalah sumber daya CORS, jadi preload font wajib memakai crossorigin walaupun font itu ada di origin sendiri; tanpanya font juga diunduh dua kali. Preconnect ke origin font juga butuh crossorigin, atau koneksinya tidak dipakai ulang.
Selama font web belum tiba, deskriptor font-display di @font-face menentukan tampilan teks. MDN membaginya menjadi periode block (teks tak terlihat), periode swap (teks memakai font cadangan), dan periode gagal. swap memberi periode block yang sangat pendek dan periode swap tanpa batas: teks langsung tampil dengan font cadangan lalu berganti. optional memberi periode block sangat pendek tanpa periode swap: bila font terlambat, font cadangan dipakai sampai kunjungan berikutnya. web.dev menyebut WOFF2 sebagai satu-satunya format yang dibutuhkan bila peramban lama tidak ditargetkan.
