- Spegnimento
- 20 agosto 2026 alle ore 03:17 UTC
- Autore
- Kamo
- Impegno
- 91aaf68
La homepage rende 94 elementi che trasportano `backdrop-filter: blur(20px)`. Ogni uno è uno strato compositing separato che deve leggere tutto dipinto dietro di esso e eseguire una sfocatura gaussiana alla risoluzione del dispositivo, e quattro di loro sono in il nav appiccicoso, così quelli ripetono su ogni frame di scorrimento. Sul telefono di fascia media il punteggio mobile è misurato su, cioè il più cosa costosa il renderer è chiesto di fare, e atterra esattamente nella finestra Lighthouse bollette come LCP "element render delay" — 1,660 ms di esso, contro un'immagine che ha finito di scaricare a 890 ms. Economico da prendere, costoso da dipingere. Sotto 768px il blur è caduto. Ciò che delinea questi pannelli è loro sfondo traslucido e il loro bordo; la glassa è solo realmente visibile dove un pannello siede su uno dei fondali della sezione fotografica. tiene il desktop l'effetto intoccato — segna 98 e le sue GPU assorbono questo comodamente. Il selettore dell'attributo è deliberato piuttosto che pigro. Questi sono stili in linea scritto dai componenti, e una dichiarazione in linea non può essere sovrascritta da una regola ordinaria, così corrispondente sull'attributo è ciò che permette una regola raggiungere tutti 94 senza modificare ogni sito di chiamata. Anche gocce `will-change` dallo sfondo eroe sui telefoni. Esiste per il 12 secondi crossfade tra cornici, e che la rotazione è solo desktop — HeroBackdrop cancelli su `(min-width: 768px)` e monta un singolo frame altrimenti. Così su mobile stava chiedendo al compositore di tenere un permanente strato full-viewport, primed per un'animazione filtro che non funziona mai, sul LCP elemento stesso. Il filtro si applica ancora; solo il suggerimento di promozione va.