Misi: head halaman Kopi Gayo Lestari

Head halaman toko Kopi Gayo Lestari tumbuh dari tambahan banyak orang: script tanpa atribut, lembar gaya lewat @import, dan font dari origin lain tanpa petunjuk apa pun. Misi ini menggabungkan pelajaran 8 dan 9. Urutan pemeriksaan: tandai script yang menghambat parser dan tentukan atribut sesuai ketergantungannya, ganti @import dengan link, lalu siapkan koneksi ke origin font.

Setiap keputusan di head punya alasan yang bisa ditunjuk. Script yang membaca elemen halaman dan saling bergantung mendapat defer, karena hanya defer yang menjamin urutan dan menunggu parsing selesai. Script yang berdiri sendiri boleh async. Lembar gaya tetap menghambat render, dan itu disengaja supaya halaman tidak tampil tanpa gaya; yang dihapus hanyalah rantai @import yang membuat hambatan itu lebih lama. preconnect dipasang untuk satu origin pihak ketiga yang dipakai di layar pertama, bukan untuk semua domain yang muncul di halaman.