- Se descapó
- 20 de agosto de 2026 a las 3:14 UTC
- Autor
- Kamo
- Compromit
- 721669f
Tres cambios, todos quitando el trabajo de la ventana donde se está juzgando la página. "(pages)/layout.tsx llevaba cliente de "uso" y nunca lo necesitré * no estado, no efecto, sin manejador, tres elementos compuestos juntos. La directiva era carga en la dirección equivocada: hizo de la disposición un límite de cliente, por lo que el todo subárbol re-renderizado en cada navegación, y hizo un pie de lados del servidor imposible, porque un componente cliente no puede importar uno de servidor. Eso desbloqueó el pie de página, que era "uso cliente"" para exactamente dos botones. "Configuración de galletas" y "de vuelta a arriba". La directiva no es selectiva, por lo que el número 29 enlaces, cuatro encabezamientos de columnas, la fila social y cinco párrafos de multa legal imprimir todo enviado como JavaScript e hidratado. El pie está en el diseño compartido, así que ese era el costo de cada página, ni de una página. Los botones son ahora una pequeña isla y la analítica por enlace se convirtió en atributos de corriente, que el delegado oyente ya en TrackedClicks lee , por lo que un enlace reedido por el servidor todavía reporta su clic sin llevar un manejador. TrackedClicks se mueve al diseño raíz, ya que el pie de página ahora depende de ello en todas partes en lugar de en la página de inicio solamente. Contabilidad honesta en eso: está cerca de neutral en bytes. Un cliente componente cuesta una referencia de módulo en la carga útil de vuelo; un componente de servidor cuesta todo su árbol renderizado, por lo que la carga útil crece 216 KB - 239 KB crudo (3,5 KB gzipped) mientras que la JS ansiosa cae sólo ligeramente. Lo que realmente compra es la hidratación pasa sobre los 150 elementos del pie, en cada página, y un compartido Diseño que ya no se re-estrena en la navegación. ScrollProgress y JumpToBar están ahora inacabados. Tampoco se puede ver en llegada, la barra de progreso se encuentra en el ancho cero y JumpToBar se esconde hasta 300o 300o, por lo que ambos estaban hidratando y adjiendo a los oyentes de desplazamiento para renderizar nada en este momento que importe. También son los dos componentes aquí donde aplazar es probablemente libre de costo de diseño: ambos son "posición: fijo", por lo que ellos no puede cambiar nada cuando llegan. Vale la pena en lugar de asumir, con CLS a un cuarto de la puntuación móvil. Experimental.inlineCss fue re-probado y se mantiene aleje, ahora por una razón mesurada en lugar de uno recordado. La teoría era que su anterior mal resultado llegó de enmarcar-momoda y gsap saturando el hilo principal; ambos se han ido, por lo que fue vale la pena volver a intentarlo. No son las bibliotecas. La bandera toma el documento de 53 KB a 93.4 KB gzip mientras que la hoja de estilos es 17.8 KB gzip por su cuenta, porque Siguiente en línea como un bloque de estilo Y escapa de una segunda copia en el vuelo RSC carga útil: estilo 96.7 KB, script en línea 216 KB - 334 KB. Ese KB número 118 es guión el hilo principal debe analizar antes de cualquier otra cosa - la forma exacta del TBT pico que costó 20 puntos la primera vez. Rendero CSS es descorado; TBT es 30% de la puntuación móvil.