- Dikirim
- 20 Agustus 2026 pukul 03.17 UTC
- Penulis
- Kamo
- Commit
- 91aaf68
Homepage menghasilkan 94 elemen membawa 'backdrop-filter: blur (20px)'. Setiap salah satunya adalah lapisan komposit terpisah yang harus membaca kembali segala sesuatu yang dicat di belakangnya dan menjalankan kabur gaussian pada resolusi perangkat, dan empat dari mereka berada dalam the sticky nav, so those repeat on every scroll frame. Pada telepon mid- range skor ponsel diukur pada, yang paling hal yang mahal perender diminta untuk dilakukan, dan tanah di persis jendela tagihan Lighthouse sebagai LCP "elemen render delay" - 1.660 m itu, terhadap gambar yang selesai download pada 890 ms. Murah untuk mengambil, mahal untuk melukis. Di bawah 768px blur dijatuhkan. Apa yang menggambarkan panel ini adalah mereka sendiri latar belakang translucent dan perbatasan mereka; frosting hanya benar-benar terlihat di mana panel duduk di atas salah satu backdrops bagian fotografi. Desktop terus efeknya tidak tersentuh - itu mencetak 98 dan GPU nya menyerap ini dengan nyaman. Selektor atribut sengaja daripada malas. Ini adalah gaya inline ditulis oleh komponen, dan deklarasi inline tidak dapat ditimpa oleh aturan biasa, jadi pencocokan pada atribut adalah apa yang memungkinkan satu aturan mencapai semua 94 tanpa mengedit setiap situs panggilan. Juga tetes 'will-' perubahan dari latar belakang pahlawan pada telepon. Ini ada untuk 12-detik crossfade antara frame, dan rotasi yang desktop- hanya - HeroBackdrop gerbang pada '(lebar-tambang: 768px)' dan mount sebuah frame tunggal jika tidak. Jadi pada ponsel itu meminta kompositor untuk memegang permanen undo-type elemen itu sendiri. Filter masih berlaku; hanya petunjuk promosi yang masuk.