Capítulo 5. Dentro del navegador: cómo se cargan y se representan las páginas
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
Hasta ahora, en este libro has aprendido por qué el rendimiento web es crucial para la experiencia del usuario y el éxito empresarial, y te has familiarizado con métricas clave como Core Web Vitals. En este capítulo, paso a tratar los fundamentos técnicos. Para optimizar de manera efectiva la velocidad de carga, la interactividad y la estabilidad visual, primero necesitas comprender bien cómo funcionan los navegadores. Este capítulo se adentra en el proceso que siguen navegadores como Chrome cuando transforman el código y los recursos en una página interactiva completamente renderizada. Estos conocimientos sentarán las bases para las estrategias de optimización específicas que se analizan en los capítulos siguientes.
Conceptos básicos sobre los navegadores
Los navegadores web modernos son increíblemente sofisticados. Analizan el HTML, cargan recursos como scripts, estilos e imágenes, ejecutan JavaScript, calculan estilos y diseños, y pintan píxeles en la pantalla, todo ello mientras responden a las entradas del usuario e intentan mantener la fluidez de las animaciones. Para optimizar el rendimiento, es fundamental comprender los pasos que sigue el navegador y cómo acelerar o bloquear esos pasos. Este capítulo desmitifica el proceso de renderización del navegador, así como el funcionamiento ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access