- Dikirim
- 19 Agustus 2026 pukul 19.59 UTC
- Penulis
- Kamo
- Commit
- 525e81c
LCP adalah 4.4 s, dan kerusakan mengatakan di mana: 120 m untuk byte pertama, 290 m dari Penundaan muatan, 390 m sebenarnya mengunduh gambar - dan kemudian 1.810 meter dari "elemen memberikan penundaan". Gambar telah selesai tiba dan hanya tidak bisa Dilukis. Halaman utama kapal 1,482 elemen DOM, atas ambang Lighthouse gagal "mengoptimasi ukuran DOM" di, dan setiap salah satu dari mereka sedang meletakkan keluar dan dicat selama render awal, sedangkan elemen LCP menunggu gilirannya di belakang delapan bagian tidak ada yang scrolled ke. 'content- visibility: auto' pada setiap bagian kecuali '# home' memungkinkan browser melewati tata letak dan cat bagi mereka subtree sampai mereka mendekati viewport. The elemen masih ada - dalam HTML, untuk mencari mesin, ke in- page jangkar, ke find -in-page, dan untuk menjalankan IntersectionObserver JumpToBar - mereka tidak rastered sebelum siapa pun dapat melihat mereka. Dua hal membuatnya aman di sini daripada umumnya: setiap bagian telah 'posisi: relatif' dan 'overflow: tersembunyi', sehingga penahanan tersirat perubahan apa-apa tentang bagaimana mereka benar-benar posisi backgrounds resolve, and 'intrinsik-size' using the 'auto' keyword, so the tinggi placeholder hanya berlaku sebelum sebuah daerah render pertama dan peramban mengingat yang nyata setelah. Reflow paksa laporan dikaitkan dengan file spesifik adalah PreviewBanner. Ini baca 'offsetHeight' tepat setelah dehidrasi dan menulis dokumen. tubuh. gaya .paddingTop ', yang merusak tata letak untuk seluruh dokumen. Tulisannya juga redundan - 'body {padding-top: var (--banner-h)}' sudah cadangan Ruang dari cat pertama. ResizeObserver melaporkan tinggi dari 'borderBoxSize', yang browser telah dihitung ketika callback berjalan, jadi tidak ada terpaksa. borderBoxSize daripada contentRect dengan sengaja: banner membawa 'padding: 6px 16px' pada layar kecil, dan mempertahankan tinggi konten saja akan meninggalkan salinan duduk 12px di bawah banner. theme.kamocrm.com memperoleh preconnect nya kembali, yang laporan meminta dengan nama di 300 m dari LCP. Melepaskannya ke dns- prefetch salah: gambar yang pergi melalui optimizer asal ini sekarang, tetapi DynamicmetaLoader masih fetches tema org stylesheet dari host yang pada waktu-jalan, dan itu adalah permintaan render- mempengaruhi pada jalur kritis. Analisa tetap sebuah dns- prefetch - pelacak adalah lazyOnload, jadi Tidak ada apa-apa sebelum acara beban menyentuhnya. Latar belakang pahlawan turun ke kualitas 40: 21.9 KB ke 12.8 KB, yang adalah apa yang audit gambar meminta. Diukur melalui kecerahan (0.21) compoited at, 50 - > 40 moves 1.09% dari piksel oleh lebih dari 8 / 255 dan memegang 40.7 dB. Kualitas 30 telah dicoba dan ditolak pada 3.20%. Bagian backdrops tinggal di 75, dan ini adalah pengukuran kedua kali memiliki bilang begitu. Pada lebar berkurang mereka sekarang meminta, menjatuhkan ke 50 adalah * buruk * daripada itu pada lebar penuh - 11.30% dari pergeseran piksel versus 6.60% - karena di bawah resolusi setiap blok kompresi mencakup lebih dari apa yang Anda lihat. Resolusi dan pengurangan kualitas tidak menumpuk pada foto; satu atau yang lain. Daftar putar HLS tidak dapat diubah selama setahun, hidup dan dalam daftar pekerjaan, yang menutup terakhir kakche- item seumur hidup. Yang bergerak biaya daripada menghapusnya, jadi 'HERO _ HLS _ SRC' membawa '? v =' yang harus menabrak sebuah kode ulang; kedua berkas mengatakan demikian, karena jika tidak sebuah re-encode akan terlihat seperti Pekerjaan diam-diam tidak melakukan apa-apa.