Apps web instantáneas para dispositivos móviles
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
La ruta crítica de representación se refiere a cualquier elemento (JavaScript, HTML, CSS, imágenes) que requiera el navegador para poder comenzar a pintar la página. La priorización de la entrega de elementos en la ruta de acceso de representación crítica es obligatoria, en especial para los usuarios de dispositivos con limitaciones de red, como los teléfonos inteligentes, en las redes móviles. Bryan contó cómo el equipo de Google revisó el proceso de identificación y priorización de los elementos del sitio web de PageSpeed Insights, lo que llevó de un tiempo de carga de 20 segundos a algo más de 1 segundo.
Diapositivas
- Elimina los elementos de JavaScript y CSS que bloquean la visualización.
- Prioriza el contenido visible.
- Carga las secuencias de comandos de forma asíncrona.
- Procesa la vista inicial del lado del servidor como HTML y aumenta con JavaScript.
- Minimiza el código CSS que bloquea la representación; publica solo los estilos necesarios para mostrar la ventana de visualización inicial y, luego, publica el resto.
- Los URI de datos grandes incorporados en el CSS que bloquean la representación son perjudiciales para el rendimiento de la representación, ya que bloquean recursos cuando las URL de las imágenes no lo están.
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: 2025-07-25 (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: 2025-07-25 (UTC)"],[],["The core content discusses optimizing the Critical Rendering Path (CRP) for faster page load times. Key actions include eliminating render-blocking JavaScript and CSS, prioritizing visible content, loading scripts asynchronously, and rendering the initial view server-side as HTML. Minimizing render-blocking CSS by delivering only initial viewport styles is crucial. Large data URIs inlined within blocking CSS negatively impacts performance, unlike image URLs. These steps were used to significantly improve the PageSpeed Insights website's load time.\n"]]
