Artículos para quien
entrega el stack
Textos sobre React, Node.js, TypeScript y AI. El cuerpo traducido se muestra cuando existe. Si no, ve el texto en inglés y una nota que lo dice.
Etiqueta: Web Performance
Islas Resumibles en Bun: Lecciones de diseño del marco de gres cerámico
Cómo un framework orientado al servidor trata el HTML como predeterminado, delimita JavaScript en islas reanudables y gestiona la exportación estática, los errores, CSP y el despliegue.
14 min de lecturaOmitir la renderización fuera de pantalla con content-visibility y contain-intrinsic-size
Aprenda cómo la visibilidad del contenido: auto reduce el costo de diseño en páginas largas generadas por servidor, por qué es obligatorio utilizar contain-intrinsic-size, y cómo se compara con la virtualización.
12 min de lecturaDivisión de código en servicios pesados de Angular bajo demanda con injectAsync
Por qué un servicio inyectado estáticamente arrastra sus bibliotecas al paquete principal de Angular, y cómo injectAsync carga de forma perezosa los servicios según la intención del usuario, incluyendo la carga condicional.
6 min de lecturaPiense en la invalidación: un modelo práctico de cómo los navegadores renderizan las páginas
Aprenda a razonar sobre el renderizado del navegador preguntándose qué invalida cada cambio, desde los problemas de layout y el costo de dibujo hasta la composición, la hidratación y la transmisión en tiempo real.
11 min de lecturaDe la hoja de estilos a la pantalla: dónde encaja CSS en el proceso del navegador
Sigue el proceso del CSS desde su descarga hasta los píxeles: cómo se construyen el DOM, CSSOM y el árbol de renderizado, dónde tiene lugar la cascada de estilos y qué fuentes de estilo compiten por cada elemento.
8 min de lecturaDe 66% a 185px: Cómo resuelven los navegadores los valores CSS antes del diseño
Sigue el valor CSS a través de las etapas declarada, en cascada, especificada, calculada, utilizada y real, y comprende por qué las unidades relativas y el truco de conversión a rem se comportan de la manera en que lo hacen.
8 min de lecturaMantener la página responsive: cuándo transferir el trabajo de la CPU a un Web Worker
Aprenda por qué los bucles intensivos congelan la interfaz de usuario del navegador, cómo el patrón de mensajes de Web Worker distribuye esa carga y cómo decidir si una tarea realmente merece utilizar un Worker.
12 min de lecturaReflujo, repintado, composición: cuánto cuesta al navegador cada cambio en CSS
Acompaña a HTML y CSS a través del DOM, CSSOM, el diseño, el dibujo y la composición, y aprende por qué los cambios de ancho son más costosos que los cambios de color y cómo evitar problemas en el diseño.
16 min de lecturaDescubrimiento de recursos, no transferencia: Carga previa de aplicaciones React mediante HTTP/3
En HTTP/3, el cuello de botella en las aplicaciones React es el descubrimiento tardío de recursos, no su transferencia. preloadModule, preinit, Early Hints y el chunking lo solucionan, teniendo en cuenta el SSR.
19 min de lectura
Sobre estos artículos
Presupuesto en 24 h
¿Necesitas el mismo stack en una capa de operador? Envía el brief — presupuesto en 24 h.