16 noticias
GitHub ha completado la migración total de su plataforma principal, github.com, desde CSS-in-JS hacia CSS Modules, una decisión que busca mejorar significativamente el rendimiento y reducir la dependencia de librerías de estilos en tiempo de ejecución. Este cambio, liderado por el equipo de Primer D
Minificar el CSS —eliminar espacios en blanco y comentarios— se ha convertido en un paso habitual en los flujos de trabajo de desarrollo web, pero rara vez aporta un beneficio perceptible. Este artículo analiza con datos si esa práctica tiene sentido en 2023. En primer lugar, el tamaño importa meno
Alex Russell, del blog Infrequently Noted, publica la edición 2026 de su serie sobre la brecha de desigualdad de rendimiento, una guía de referencia para dimensionar sitios web pensando en dispositivos y redes reales. La actualización define un nuevo presupuesto de red: 9 Mbps de bajada, 3 Mbps de s
El repositorio css-in-js-arena, mantenido por gajus en GitHub, publica una comparativa reproducible entre tres motores de CSS en tiempo de compilación: Bamboo CSS (1.45.3), StyleX (0.19.0) y Panda CSS (1.12.0). Cada motor se integra en una aplicación React Router 8 con seis rutas idénticas —panel de
El elemento Canvas de HTML existe desde hace más de veinte años y ofrece un espacio en blanco dibujable mediante una API de JavaScript, en contraste con el modelo basado en árbol de nodos del DOM que los desarrolladores web suelen manejar. Aunque el DOM resulta más cómodo para la mayoría de aplicaci
El sitio web The Node Book publica una visualización interactiva que acompaña a una sola petición HTTP desde el clic en un botón hasta el repintado de la pantalla, siguiendo un reloj sincronizado que termina exactamente en 0,211400 segundos. El recorrido, marcado con un punto violeta, atraviesa siet
Harry Roberts, ingeniero de rendimiento web, actualiza su guía anual de dispositivos Android representativos para pruebas de rendimiento web en el mundo real. Tras evaluar Redmi/Xiaomi, Motorola, Honor, OPPO/realme, Nothing/CMF, OnePlus y Pixel, recomienda para 2026 el Samsung Galaxy A17 5G (SM-A176
Handsum es un nuevo formato de imagen para placeholders de baja calidad (LQIP) diseñado para la web, que codifica miniaturas con un tamaño en bytes fijo y predecible: 48 bytes en el nivel de calidad más bajo (q=1) y 147 bytes en el más alto (q=4), con dos valores intermedios de 75 y 123 bytes. La pr
El artículo de Nick Borș parte de un dato del HTTP Archive: la mediana de peso de las páginas web ha pasado de unos 200 kB hace tres décadas a alrededor de 2,5 MB en la actualidad, un crecimiento de 130 veces que, según el autor, no se corresponde con un aumento equivalente en la calidad real del co
Este artículo reúne recomendaciones prácticas sobre el uso de la propiedad CSS font-family con el objetivo de que el texto se muestre de forma fiable y consistente en cualquier navegador y dispositivo. La premisa central es que no existen fuentes web seguras: las fuentes con nombre no están disponib
El service worker fue presentado como una pieza clave de las aplicaciones web progresivas, pero su uso ha caído en picado por la complejidad operativa que introduce y los problemas de caché obsoleta que genera. Este artículo analiza varios casos de uso reales —el arranque instantáneo de Slack, la co
La aplicación de gestión de proyectos Linear actualiza un issue en pocos milisegundos, frente a los aproximadamente 300 milisegundos que tarda una aplicación CRUD tradicional. Esta diferencia no responde a un único truco, sino a una arquitectura construida desde el primer día con la velocidad como p
Cloudflare estructura su oferta de red de distribución de contenidos (CDN) en cuatro niveles: un plan gratuito orientado a sitios personales y blogs con funciones básicas de seguridad y rendimiento; el plan Pro, a 20 dólares mensuales, con mejoras avanzadas de rendimiento y seguridad para sitios pro
Las aplicaciones de página única (SPA, por sus siglas en inglés) son un modelo de desarrollo web que se ha convertido en el estándar dominante en la industria tecnológica actual. El autor del artículo argumenta que existe una "tiranía" de las SPA, donde prácticamente todos los desarrolladores web fr
## Dithering con CSS: Creando Efectos Visuales Consistentes en tu Sitio Web ¿Qué es el dithering y por qué es útil? El dithering es una técnica que se utiliza para simular más colores de los que realmente están disponibles. Imagina que tienes una paleta de colores limitada, pero necesitas mostrar
Este artículo de opinión, respaldado por la experiencia del autor en Automattic (una empresa de web performance), argumenta que las arquitecturas web centradas en JavaScript (JS-heavy) son problemáticas para el rendimiento a largo plazo. El autor define 'JS-heavy' como aquellas aplicaciones que depe
