High Performance Web Sites

Es el libro que popularizó la optimización del front-end. Steve Souders, entonces responsable de rendimiento en Yahoo! (con el título de «Chief Performance Yahoo!»), reúne las 14 reglas que aplicó en páginas con muchísimo tráfico, como la portada y el buscador de Yahoo!. Su idea central es que la mayor parte del tiempo de carga de una página se pasa en el navegador y en la comunicación con el servidor, no en el back-end. Es de 2007 y se basa en los navegadores de esa época, Internet Explorer 6/7 y Firefox 2, y en Apache. Aunque es corto, va dirigido a desarrolladores front-end que ya entienden HTTP, HTML, CSS y JavaScript.

Los dos primeros capítulos explican la importancia del rendimiento del front-end, su «regla de oro» y un repaso de HTTP: compresión, GET condicionales, Expires y keep-alive. Después dedica un capítulo a cada regla: hacer menos peticiones HTTP (mapas de imagen, sprites CSS, imágenes en línea, combinar scripts y hojas de estilo), usar una CDN, añadir cabeceras Expires y versionar los nombres de archivo, comprimir con gzip (mod_gzip y mod_deflate en Apache), poner las hojas de estilo arriba y los scripts abajo, evitar las expresiones CSS, servir JavaScript y CSS como archivos externos, reducir las consultas DNS, minificar JavaScript, evitar redirecciones, eliminar scripts duplicados, configurar los ETags y hacer cacheables las peticiones Ajax. El último capítulo analiza diez sitios importantes de la época (Amazon, AOL, CNN, eBay, Google, MSN, MySpace, Wikipedia, Yahoo! y YouTube) con YSlow, la extensión creada por el propio Souders.

No hay proyectos: cada regla viene con explicación, mediciones y páginas de ejemplo publicadas en el sitio del libro. Es un clásico breve y muy claro que sentó las bases de herramientas como YSlow y PageSpeed. Muchas reglas siguen vigentes, como usar caché, comprimir, minificar, usar una CDN, evitar redirecciones y no bloquear el renderizado. Otras han quedado obsoletas o hay que matizarlas: las expresiones CSS ya no existen, y con HTTP/2 y HTTP/3 combinar archivos y usar sprites pierde importancia. Hoy existen async, defer, Brotli y las métricas Core Web Vitals. Conviene leerlo como base y seguir con «Even Faster Web Sites» y «High Performance Browser Networking».