- Shipped
- 19 Agustus 2026 pukul 19.17 UTC
- Author
- Kamo
- Commit
- 2d7c0c0
Dua putaran terakhir mengambil skor dari 87 sampai 67. Total Blocking Waktu pergi dari 80 m sampai 460 m dan LCP dari 3.9 s sampai 4.4 s. Dua dari perubahan saya sendiri melakukan itu, dan keduanya dibuat untuk alasan buruk yang sama. Alasannya adalah layak menyatakan pertama, karena itu adalah pelajaran yang sebenarnya: item Di bawah "Insight" dalam laporan yang ditandai * * Tak tercetak * *. Mereka tidak memberi makan skor kinerja. FCP, LCP, TBT, CLS dan Indeks Kecepatan lakukan. Aku menghabiskan dua putaran mengoptimalkan wawasan yang belum dicetak dan dibayar untuk mereka dalam metrik skor. 'Experiental.inlineCss' - dibalik. Ia melakukan apa yang ia janjikan: stylesheet berhenti menjadi permintaan render-blocking. Tapi 93 KB dari CSS kemudian harus tiba dan akan parsed * didalam * parse dokumen daripada dalam paralel di sampingnya, dan dokumen berubah dari 36 KB gzip menjadi 74.7 KB. Lighthouse mengukur dokumen saja pada 750 ms CPU, dan Gaya & Tata Letak naik dari 573 m ke 826 ms. Satu abadi, catheaable, parallel request lebih baik dari itu, dan "render-blocking request" tidak pernah mencetak gol. Menyapu dengan kompak. Yang satu ini lebih memalukan, karena gagal pada istilah sendiri: jumlah elemen tidak komposit pergi UP, Dari 34 ke 41. Dua lapisan bertopeng dipotong tidak dapat dikomposit baik, jadi pengganti adalah dua cat - elemen animasi di mana telah ada satu, ditambah secara permanen berjalan double raster dari h1. Versi elemen tunggal asli kembali. Apa yang menggantikan keduanya adalah perubahan yang seharusnya dibuat pertama. Twenty- lima aturan pada halaman ini mendeklarasikan animasi tak terbatas - bidang heksagon hanyut, meshes berdenyut, gradien geser, partikel mengambang, banner shimmer. Pada desktop tidak ada pemberitahuan. Pada rendah daya telepon sebuah emulasi menjalankan, mereka adalah pajak permanen: sebagian besar Gaya & Tata Letak, sebagian besar rendering, dan setiap salah satu dari mereka dihitung dengan audit animasi yang tidak terkomposit. Tidak ada isinya; halaman dibaca identik dengan semua itu masih. Mereka sekarang berhenti di bawah 768 px - sama breakpoint Hero sudah digunakan untuk memutuskan 'desktopMotion', sehingga partikel field, rotasi latar belakang dan ini switch bersama-sama daripada pada tiga widget yang berbeda - dan di bawah 'prefer-reduced- motion'. Semua 25 tertutup. Masing-masing disematkan ke nilai yang keyframe terletak di daripada hanya menjadi dimatikan: sebuah elemen yang berisi 0% / 100% set frame set 'opasitas: 0.05' tidak memiliki opasitas dari sendiri untuk jatuh kembali ke, dan menghentikannya terlepas akan baik hitam keluar tekstur atau meninggalkan penuh-opasitas overlay seluruh isi di bawahnya. Backdrops bagian bertema sekarang meminta setengah-viewport widget di telepon. Pada kualitas 60 mereka setengah dalam ukuran, tapi 4.08% dari pergeseran piksel mereka perceptibly sekali compoited, and banding across a smooth sky is what a full- bleed backdrop shows terburuk - keberatan yang sama yang ditolak kualitas 50 di 6.60%. Menjatuhkan lebar yang diminta malah mengambil satu dari 193 KB ke 77 KB tanpa kompresi artefak sama sekali, pada gambar sudah gelap sampai 60% di bawah hitam radial overlay, di belakang konten buram. Kualitas tetap di 75. Juga tetap, dan terpisah dari commit ini: daftar putar HLS masih menjawab 'max-age = 300' karena pekerjaan enkode hanya menulis ulang mereka pada kode ulang. Metadata mereka diatur langsung sekarang, sehingga 1 KiB kakche- item seumur hidup ditutup tanpa menunggu satu. Satu bug nyata tertangkap di jalan: operasi CSS di atas kiri penjepit penutup menyimpang pada baris 1480. Turbopack telah melayani cache CSS, jadi tiga bangunan berlalu sebelum yang bersih gagal di atasnya. Ini akan gagal CI.