Divienen al héroe, y sacan las dos últimas bibliotecas de la página

Performancekamo-marketing
Se descapó
19 de agosto de 2026 a las 20:58 UTC
Autor
Kamo
Compromit
6d01ff1

Paso C. Ni GSAP ni Framer Motion ya están en la página de inicio, y el El espacio de nombre del mensaje de casa ya no se envía al navegador. JS 241,999 - 214,135 gzip (15 trozos - 13) documento 53.877 - 51,797 gzip GSAP estaba de vuelta, y vale la pena nombrar precisamente porque nada de ello era visible: 70.712 bytes, tirados por cuatro envoltorios decorativos anidados dentro de las secciones El paso B acababa de fabricar componentes de servidor. Dos de ellos no necesitaban una biblioteca en todos - HoverTransform Tweened scale/rotate/y/boxShadow on mouseenter, que es a Regla de:hover, y la llamada GSAP de GradientBorder era un *no-op*: se animaba El elemento del piso .0a0a0a0a. enmascara en el centro de la frontera, mientras que el gradiente que cualquiera puede ver se sienta en un div diferente y nunca fue tocado. Su línea de cabello viajero se implementa aquí por primera vez. Los otros dos punteros de lectura coordinan, por lo que realmente no pueden convertirse en CSS. pero tampoco pueden hacer nada sin puntero, y un teléfono se estaba descargando 27 KB para ejecutar una inclinación no se puede disparar la pantalla táctil. Ambos ahora comprueban "(hover: flotar) y (puntero: bien) e .importar (importar) "GSAP dentro del efecto, por lo que es un pedazo perezoso en un escritorio y ausente en todas partes. El efecto de escritorio no ha cambiado. EL HERO. 657 líneas en las que nueve piezas de estado, cuatro efectos y tres refs se sentó en el mismo componente que las palabras, así que Reacave hidrató el titular, el lede, la regla de la estadística y las llamadas a la acción junto con el reproductor de vídeo. El estado se trasladó a los dos lugares que lo poseen . HeroBackdrop para la fotografía y su rotación, HeroStage para el carrete y su descarga gating y el héroe en sí es un componente de servidor. Ambas islas todavía servidor-recuperan su margen, así que el elemento LCP está en el HTML exactamente como antes y todavía pinta de HTML y CSS sola. Nada sobre la primera pintura cambió; lo que cambió es lo que tiene que ser hidratado después de ella. La imagen de fondo también perdió su traducción "Background N" alt a favor de Aria-escondiada. Es un telón de fondo decorativo que la cadena describió el Marcado en lugar de cualquier cosa que un lector necesita, y fue lo último que hizo que el elemento una preocupación de traducción. EL NOMBRESPACE. Es 341 llaves y 22 KB, y fue serializado en el documento para cada visitante porque un puñado de componentes del cliente lo lean. Preguntas frecuentes y SignupSection son componentes del servidor ahora con sus partes interactivas divididas fuera de un artículo de acordeón y un solo campo de correo electrónico, ninguno de los cuales necesita una palabra de la copia y ShippedStrip, HeroStage y HeroOfferBanner toman sus pocas etiquetas como accesorios. Sin nada en el cliente leyéndolo, el proveedor se ha ido de la ruta por completo y las cuerdas se resuelven una vez, en la render que produce el HTML. Ahorra menos de lo que la figura cruda sugiere (2 KB gzip): las mismas cuerdas están en el HTML a su lado, así que la copia se comprimió bien. Sigue siendo la forma correcta. nada debe estar enviando todo un diccionario de una página a un navegador que tiene ya se ha enviado la página. Cada evento de análisis todavía se dispara: siete nombres, todos verificados en el marcador construido, Con los dos del héroe ahora "data-track" junto al resto.

Todos los cambios

Como lo que ves enviaste?

Cada una de estas actualizaciones aterriza en su espacio de trabajo automáticamente. Empieza gratis y verlo crecer semana tras semana.

Arranzar gratis para siempreVer Precios