- Shipped
- 19 de agosto de 2026 a las 19:17 UTC
- Author
- Kamo
- Commit
- 2d7c0c0
Las dos últimas rondas se llevaron el marcador de 87 a 67. Tiempo de Bloqueo total pasó de 80 ms a 460 ms y LCP de 3.9 s a 4.4 s. Dos de mis propios cambios hicieron eso, y Ambos fueron hechos por la misma mala razón. La razón vale la pena decir primero, porque es la lección real: los artículos En "Insights" en ese informe están marcados **Unscored**. No alimentan el puntuación de rendimiento. FCP, LCP, TBT, CLS y Speed Index hacen. Pasé dos rondas. optimizar las percepciones no anotadas y pagarlas en las métricas de puntuación. Experimental.inlineCss revertido. Hace lo que promete: la hoja de estilos deja de ser una solicitud de bloqueo. Pero 93 KB de CSS entonces tiene que llegar y ser analizado *dentro* el documento en lugar de en paralelo, y el El documento pasó de 36 KB gzip a 74.7 KB. Faro midió el documento solo a 750 ms de CPU, y Style & Layout se extendió de 573 ms a 826 ms. Uno inmutable, apretar, petición paralela es mejor que eso, y "pediciones de bloqueo" Nunca se anotó. El barrido compostelable del titular revirtió. Este es más vergonzoso, porque fracasó en sus propios términos: el conteo de elementos no compuestos se fue UP, de 34 a 41. Dos capas enmascaradas desplazados por texto tampoco se pueden componer, así que el reemplazo era dos elementos animados a la pintura donde había habido uno, más un corrida permanentemente doble raster de la h1. La versión original de un solo elemento ha vuelto. Lo que sustituye a ambos es el cambio que debería haberse hecho primero. Veinticinco las reglas en esta página declaran una animación infinita . campos de hexagones a la deriva, Mallas pulsando, descalzos deslizantes, partículas flotantes, brillan estandarte. En un El escritorio que nadie se da cuenta. En el teléfono de baja potencia una carrera emula, son un impuesto permanente: la mayor parte de Style & Layout, la mayor parte de Rendering, y cada uno de ellos contados bajo la auditoría de animación no interconseguida. Nada de eso se contenta; La página lee idénticamente con todo todavía. Ahora se detienen por debajo de 768 px. El mismo punto de ruptura Hero ya utiliza para decidir el sitio web de la .desktopMotion , por lo que la partícula campo, la rotación de fondo y este interruptor juntos en lugar de a tres diferentes anchos y debajo de la "preferentes-reducido-motion". Los 25 están cubiertos. Cada uno está atado al valor en el que descansa su marco clave en lugar de ser sólo Apagado: un elemento cuyo marco 0%/100% establece laopacidad: 0.05o no tiene opacidad de su propia para volver a caer, y detenerlo sin taparía oscurecería un textura o dejar una superposición de la opacidad completa a través del contenido debajo de ella. Los fondos temáticos de sección ahora solicitan anchos de medio vistas en los teléfonos. Ata calidad 60 reduce a la mitad en tamaño, pero el 4,08% de sus píxeles cambian perceptiblemente una vez compuesto, y a lazos a través de un cielo liso es lo que un fondo de fondo completamente sangrado muestra La misma objeción que rechazó la calidad 50 con un 6,60%. Dejando el derribo Ancho solicitado en su lugar toma uno de 193 KB a 77 KB sin compresión artefactos en absoluto, en una imagen ya oscurecida al 60% bajo un negro radial superpuestos, detrás del contenido opaco. Calidad se aloja a la gima. También fijo, y por separado de esta confirmación: las listas de reproducción de HLS todavía estaban responder a la edad máxima=300o porque el trabajo de código sólo los reescribe en un re-encode. Sus metadatos se establecen directamente ahora, por lo que el 1 KiB cache-life item está cerrado sin esperar a uno. Un insecto real atacado en el camino: la cirugía CSS de arriba dejó un corsé de cierre extraviado en la línea 1480. Turbopack había estado sirviendo CSS en caché, por lo que tres construcciones pasaron antes de que uno limpio fallara en él. Hubiera fracasado en CI.