Ruta de acceso de representación crítica

Optimizar la ruta de renderización crítica es priorizar la visualización de contenido relacionado con la acción actual del usuario.

Ofrecer una experiencia web rápida requiere mucho trabajo por parte del navegador. Como desarrolladores web, no podemos ver la mayor parte de ese trabajo: escribimos el lenguaje de marcado y aparece una bonita página en la pantalla. Pero ¿cómo pasa exactamente el navegador de consumir nuestro HTML, CSS y JavaScript a píxeles renderizados en la pantalla?

La optimización para mejorar el rendimiento consiste en comprender lo que sucede 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 renderizados: esa es la ruta de renderización crítica.

renderización de página progresiva

Optimizar la ruta de renderización crítica nos permite mejorar en gran medida el tiempo necesario para la primera renderización de nuestras páginas. Además, comprender la ruta de procesamiento crítica también sirve de base para compilar aplicaciones interactivas de buen rendimiento. El proceso de actualizaciones interactivas es el mismo: se realiza en un bucle continuo y, idealmente, con 60 fotogramas por segundo. Pero primero, veremos una descripción general de cómo el navegador muestra una página simple.

Recursos adicionales

Comentarios