Menghentikan tiga sumber daya dari outtranking elemen LCP

Performancekamo-marketing
Dikirim
20 Agustus 2026 pukul 03.13 UTC
Penulis
Kamo
Commit
86cb9fc

Gangguan LCP adalah di mana sisa waktu, dan dua loading subparts - 270 mm penundaan beban sumber daya, 500 ms durasi beban - adalah masalah prioritas, bukan masalah ukuran. Elemen adalah pahlawan latar belakang, 14,8 KB AVIF, dan melayani dari cache dalam 44 ms. Apa itu bersaing dengan, semua mengklaim tinggi prioritas di depannya dalam < head >: Inter 48.4 KB preloaded Space Grotesk 22.3 KB preloaded logo- full- white.svg 15.6 KB preloaded (gzipped on the wire) * * * * * * * * * * * * * * * ~ 86 KB, melawan sumber daya LCP 14.8 KB Tidak ada yang meminta logo preload. Rect otomatis-preloads gambar pertama di pohon dan itu adalah logo nav, sehingga mewarisi klaim prioritas itu tidak pernah diperlukan - itu adalah tanda 140x40 di sudut. 'fetchPrioritas = "rendah"' tetes petunjuk Sepenuhnya. Logo juga 39 KB sumber untuk itu 140x40 render: 89 auto- ditelusuri jalur di full integer presisi. Re-dikodekan di 2 tempat desimal itu adalah 19.2 KB mentah / 7.3 KB gzipped, 54% dipotong pada kawat. Disengaja TANPA Svgo 's MergePats, yang collapse the 89 paths into 5 - that rewrite fill- rule winding, which is how counter huruf dipotong, dan tidak ada browser tanpa kepala di sini untuk membuktikan masih terlihat benar. Lulus konservatif mendapat tabungan yang sama pula. Space Grotesk kehilangan preload nya, dan komentar membela itu premis Salah: ia mengklaim h1 pahlawan adalah elemen LCP. Lighthouse nama LCP elemen secara eksplisit dan ini adalah gambar backdrop. 'display: swap' sudah berarti tidak ada teks menunggu di wajah ini, dan fallback dihasilkan berikutnya membawa pencocokan size- penyesuaian metrik sehingga swap tidak memindahkan tata letak. Inter terus preload nya - itu adalah teks tubuh, dan itu adalah di mana swap benar-benar akan dirasakan. Juga: optimized gambar menjawab 'max-age = 86400, must-revalidate'. URL tersebut content- ditangani - sumber, lebar dan kualitas semua dalam string query - jadi mereka tidak dapat kembali byte yang berbeda. Dibesarkan sampai setahun. Next.config.ts juga mencatat tes ulang dari 'experiental.inlineCss', yang tetap off. Lihat komitmen yang mengikuti untuk mengapa. Hasil dalam < head >: preload logo hilang, dan byte mengklaim prioritas depan gambar LCP drop dari ~ 86 KB ke ~ 56 KB.

Semua perubahan

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga