Ruta de acceso de representación crítica

Optimización de la ruta de acceso de representación crítica hace referencia al hecho de priorizar la representación de contenido relacionado con la acción actual del usuario.

Ofrecer una experiencia web rápida implica una alta exigencia para el navegador. Como programadores web no podemos ver la mayor parte de este trabajo: escribimos el lenguaje de marcado y aparece una bonita página en pantalla. Pero, ¿cómo pasa exactamente el navegador de consumir nuestro lenguaje HTML, CSS y JavaScript a píxeles representados en la pantalla?

La optimización para mejorar el rendimiento se basa en la comprensión de lo que ocurre en estos pasos intermedios entre la recepción de los bytes de HTML, CSS y JavaScript, y el procesamiento necesario para convertirlos en píxeles representados; esa es la ruta de acceso de representación crítica.

representación progresiva de la página

Optimizando la ruta de acceso de representación crítica, podemos mejorar notablemente el tiempo necesario para representar nuestras páginas por primera vez. Además, comprender la ruta de acceso de representación crítica también sirve como base para crear apps interactivas de buen rendimiento. El proceso de actualizaciones interactivas es el mismo, aunque se realiza en un bucle continuo e, idealmente, a 60 fotogramas por segundo. Pero primero, un panorama sobre la manera en que el navegador muestra una página simple.

Critical Rendering Path

You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.

You’ll learn about the Critical Rendering Path, or the set of steps browsers must take to convert HTML, CSS and JavaScript into living, breathing websites. From there, you’ll start exploring and experimenting with tools to measure performance and simple strategies to deliver the first pixels to the screen as early as possible. You’ll learn how to dive into recommendations from PageSpeed Insights and the Timeline view of Google Chrome’s Developer Tools to find the data you need to achieve immediate performance boosts!

This is a free course offered through Udacity

Take Course