Pro HTML5 Performance

Guía práctica de Jay Bryant y Mike Jones para construir sitios web muy rápidos, ligeros y escalables con HTML5, CSS3 y JavaScript, tal como se trabajaba en 2012. Sirve tanto para proyectos nuevos, con técnicas que siguen los estándares y buenas prácticas, como para proyectos existentes, con soluciones rápidas a problemas concretos. Está pensada para desarrolladores front-end de nivel intermedio que ya maquetan con soltura y quieren mejorar el rendimiento en el cliente, reducir el consumo de ancho de banda y servir varios dispositivos con una sola página.

La primera parte establece las bases: principios de desarrollo, pautas de rendimiento, diseño web responsive (una sola base de código para escritorio y móvil) y lo que los autores llaman el patrón de reutilización web. La segunda parte aplica esos principios construyendo un sitio pieza a pieza: plantilla de página, navegación, cabecera (masthead) y pie, patrones de diseño fractales, y una serie de controles reutilizables (enlaces, cajas laterales, botones, precios, fichas de producto, tablas, pestañas y formularios). En cada uno se busca el mínimo marcado, CSS eficiente y poco JavaScript.

La práctica consiste en ir montando los componentes típicos de un sitio comercial a partir de una plantilla común, con consejos, trucos y código para problemas concretos. Su enfoque es útil porque trata el rendimiento como una cuestión de diseño y de reutilización de componentes, no solo de ajustes finales. Sin embargo, es anterior a HTTP/2, a las Core Web Vitals, a los service workers y a las herramientas de build modernas, y apenas trata la medición con herramientas de perfilado o el rendimiento en servidor. Conviene leerlo junto a material actual sobre rendimiento web.