Optimización de la ruta de acceso de representación crítica
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Para entregar el tiempo más rápido posible en la primera renderización, debemos minimizar tres variables:
- La cantidad de recursos críticos
- La longitud de la ruta crítica.
- La cantidad de bytes críticos.
Un recurso crítico es aquel que podría bloquear la representación inicial de la página. Cuantos menos de estos recursos haya, menor será el trabajo para 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 dependencias 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 se necesitan para descargar.
Por último, cuantos menos bytes críticos deba descargar el navegador, más rápido podrá procesar contenido y hacer que sea visible 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 renderización crítica es la siguiente:
- Analiza y caracteriza tu ruta 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, etc.
- Optimiza la cantidad de bytes críticos para reducir el tiempo de descarga (cantidad de recorridos de ida y vuelta).
- 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.
Comentarios
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2014-03-31 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]
{"lastModified": "\u00daltima actualizaci\u00f3n:\u00a02014-03-31 (UTC)"}
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2014-03-31 (UTC)"]]