Fecha de publicación: 31 de marzo de 2014
Para proporcionar la mayor rapidez posible en la primera representación, debemos minimizar tres variables:
- La cantidad de recursos críticos
- La longitud de la ruta crítica.
- Es la cantidad de bytes críticos.
Un recurso crítico es un recurso que podría bloquear la representación inicial de la página. Mientras menos recursos haya de este tipo, menor trabajo deberá realizar el navegador, la CPU y otros recursos.
De manera similar, la longitud de la ruta crítica es una función del gráfico de dependencia entre los recursos críticos y su distribución en bytes: algunas descargas de recursos solo pueden iniciarse después de que se haya procesado un recurso anterior, y cuanto más grande sea el recurso, más recorridos de ida y vuelta se necesitan para la descarga.
Por último, cuantos menos bytes críticos deba descargar el navegador, más rápido se podrá procesar el contenido y exhibirlo en la pantalla. Para reducir la cantidad de bytes, podemos reducir la cantidad de recursos (eliminarlos o hacer que no sean críticos) y asegurarnos de minimizar el tamaño de transferencia comprimiendo y optimizando cada recurso.
La secuencia general de pasos para optimizar la ruta de acceso de representación crítica es la siguiente:
- Analiza y caracteriza tu ruta de acceso crítica: cantidad de recursos, bytes y longitud.
- Minimiza la cantidad de recursos críticos: elimínalos, aplaza su descarga, márcalos como asíncronos y ten en cuenta otras consideraciones importantes.
- Optimiza la cantidad de bytes críticos para reducir el tiempo de descarga (cantidad de recorridos).
- Optimice el orden en el que se cargan los recursos críticos restantes: descargue todos los recursos críticos lo antes posible para acortar la longitud de la ruta crítica.