- Spegnimento
- 19 agosto 2026 alle ore 19:17 UTC
- Autore
- Kamo
- Impegno
- 2d7c0c0
Gli ultimi due round hanno preso il punteggio da 87 a 67. Blocco totale Il tempo è passato 80 ms a 460 ms e LCP da 3.9 s a 4.4 s. Due dei miei cambiamenti lo hanno fatto, e entrambi sono stati fatti per la stessa cattiva ragione. La ragione vale la pena di dichiarare prima, perché è la lezione reale: gli articoli sotto "Insights" in quel rapporto sono contrassegnati **Scored****. Non si alimentano punteggio delle prestazioni. FCP, LCP, TBT, CLS e Speed Index fanno. Ho passato due round ottimizzare intuizioni scosse e pagate per loro nelle metriche segnate. `esperimental.inlineCss` — ritorto. Fa ciò che promette: il foglio di stile smette di essere una richiesta di render-blocking. Ma 93 KB di CSS devono arrivare e la parsa del documento piuttosto che in parallelo accanto a esso, e il documento è passato da 36 KB gzip a 74.7 KB. Il faro misurava il documento da solo a 750 ms di CPU, e Style & Layout è aumentato da 573 ms a 826 ms. Un immutabile, la richiesta parallela, memorizzabile, è migliore di quella, e "richiedi di blocco dei fondi" non è mai stato segnato. La spazzata composita della linea principale — ritorta. Questo è più imbarazzante, perché ha fallito in termini propri: il conteggio degli elementi non compositi è andato su, dal 34 al 41. Anche due strati mascherati sovrapposti non possono essere compositi, quindi la sostituzione era di due elementi di vernice-animati dove c'era stato uno, più un funzionamento permanente doppio raster della h1. La versione singola originale E' tornato. Ciò che sostituisce entrambi è il cambiamento che avrebbe dovuto essere fatto prima. Venticinque. regole su questa pagina dichiarano un'animazione infinita — campi esagoni alla deriva, mesh pulsing, gradienti scorrevoli, particelle galleggianti, shimmer banner. Su desktop nessuno nota. Sul telefono a bassa potenza un run emula, sono un tassa permanente: la maggior parte di Style & Layout, la maggior parte di Rendering, e ognuno di loro contato sotto l'audit di animazione non composito. Nessuno di essi è contenuto; pagina legge identicamente con tutto questo ancora. Ora si fermano sotto 768 px — il stesso breakpoint Hero già utilizza per decidere `desktopMotion`, quindi la particella campo, la rotazione di sfondo e questo interruttore insieme piuttosto che a tre diverse larghezze — e sotto `prefers-ridotta-mozione`. Tutti e 25 sono coperti. Ognuno è fissato al valore il suo keyframe riposa piuttosto che essere solo spento: un elemento il cui telaio 0%/100% imposta `opacità: 0,05` non ha opacità di proprio per cadere indietro a, e fermarlo non piegato o nero fuori texture o lasciare un overlay full-opacity attraverso il contenuto sotto di esso. I fondali delle sezioni a tema ora richiedono larghezze a mezza vista sui telefoni. A qualità 60 si fermano in dimensioni, ma il 4.08% dei loro pixel si sposta percettibilmente una volta composito, e il bendaggio attraverso un cielo liscio è ciò che uno sfondo pieno dissanguato mostra peggio — la stessa obiezione che ha respinto la qualità 50 al 6.60%. Gettare il larghezza richiesta invece prende una da 193 KB a 77 KB senza compressione artefatti, su un'immagine già oscurata al 60% sotto un nero radiale sovrapposizione, dietro contenuto opaco. Qualità soggiorni a 75. Anche fissi, e separatamente da questo commit: le playlist HLS erano ancora rispondere `max-age=300` perché il lavoro di codifica li riscrive solo su un re-encode. I loro metadati sono impostati direttamente ora, quindi l'elemento 1 KiB cache-lifetime è chiuso senza aspettare uno. Un vero bug catturato sulla strada: l'intervento chirurgico CSS sopra ha lasciato una parentesi di chiusura alla linea 1480. Turbopack stava servendo la cache CSS, quindi tre build sono passate prima che uno pulito fallisse. Avrebbe fallito il CI.