- Dikirim
- 20 Agustus 2026 pukul 20.02 UTC
- Penulis
- Kamo
- Commit
- c945d88
Semua 26 elemen Lighthouse terdaftar di bawah "Hindari animasi yang tidak terkomposit" adalah kesalahan yang sama di empat tempat: animasi properti cat. Diukur dengan Krom melalui getAnimations (), yang melaporkan persis apa audit inspeksi. desktop 29 - > 2 (2 kiri adalah backgroundColor TRANSIONS, mobile 1 - > 1 tidak animasi, dan tidak dalam daftar audit ini) Layak mencatat laporan adalah desktop: di = < 767px situs sudah berhenti ini, jadi mobile diukur 1 sebelum dan sesudah. heksagon- glow- putar, x12. Animated 'background- posisi' DAN 'transformasi: memutar bersama-sama. Menjatuhkan latar belakang perjalanan daun transform- saja animasi; gradien geser di bawah sebuah rotasi, 8px-blurred glow bukan sesuatu yang orang bisa pilih. Gradient- perbatasan, x12. Lihat di bawah - yang satu ini berjuang kembali. Shimmer, x1. Animated 'left', properti tata letak, sehingga banner relaid setiap bingkai. Sekarang 'berubah'. Persentase TIDAK dapat diubah: 'kiri' menyelesaikan terhadap blok yang berisi, 'translateX' terhadap elemen sendiri lebar, yang di sini adalah 60% dari itu - jadi -100% menjadi -166.667% dan 200% menjadi 333.333%. denyut nadi, x1. Animasikan singkatan 'latar belakang'. Isi pindah ke :: setelah itu memudar antara dua Alpha yang sama. Ini duduk di z-index -1, karena sebuah elemen pseudo- yang diposisikan pada 0 cat OVER isi inline dan akan telah mencuci kata-kata itu duduk di belakang. Hero- headline-pass, x1. Dihapus daripada diimplementasikan ulang. Sebuah teks - dipotong menyapu tidak dapat dikomposit - itu bergerak cat di dalam bentuk glif, dan tidak ada transformasi atau opasitas mengungkapkan hal itu. Jalan-jalan sudah dicoba sebelumnya dan diukur lebih buruk: menduplikasi kalimat dalam overlay bertopeng mengambil hitungan UP Dari 34 sampai 41 dan meninggalkan raster kedua headline berjalan selamanya. Isi vertikal itu perjalanan atas sisa-sisa, seperti halnya satu ditembak masuk. PERBATASAN GRADIENT, DAN MENGAPA::: Sebelumnya adalah JAWAB SALAH. Penulisan yang jelas adalah untuk menempatkan gradien pada ':::: sebelum' dan menerjemahkannya. Ini tidak diberikan apa-apa, dan alasannya layak dijaga: kartu ini adalah '< GradiantBorder ClasName =... "hexagon- border- glow" >', jadi satu elemen membawa kedua kelas - dan '.hexagon -border- glow:: sebelum' sudah ada sebagai heksagon- dipotong, cahaya hover kabur di 'opasitas: 0'. Sebuah elemen memiliki persis satu :: Sebelumnya, sehingga aturan set bergabung dan gradien mewarisi tembus pandang, The Ligh- jalan dan kabur. 'overflow: tersembunyi' dibutuhkan untuk klip 200% -wide menyapu juga akan dipotong bahwa cahaya 'inset: -4px' dan rusak hover tersebut. Jadi menyapu mendapat elemen sendiri, yang tidak dapat bertabrakan: a '_ track' yang klip, dan '_ _ menyapu' dua kali lebih lebar yang menerjemahkan -50% terhadap gradien Ulangi di titik tengah, sehingga loop tidak memiliki jahitan. Diverifikasi oleh screenshot di 2x terhadap produksi, bukan dengan membaca CSS: biru - ungu garis rambut hadir dan cocok. Konsol dan Masalah bersih, semua Penjaga lewat.