Apps da Web instantâneos para dispositivos móveis
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O caminho de renderização crítico se refere a qualquer coisa (JavaScript, HTML, CSS, imagens) exigida pelo navegador antes de começar a pintar a página. É essencial priorizar a entrega de recursos no caminho crítico de renderização, especialmente para usuários em dispositivos com rede restrita, como smartphones em redes celulares. Bryan falou sobre como a equipe do Google realizou o processo de identificação e priorização de recursos para o site PageSpeed Insights, um tempo de carregamento de mais de 20 segundos.
Apresentações
- Elimine JavaScript e CSS que bloqueiam a renderização.
- Priorize o conteúdo visível.
- Carregue scripts de forma assíncrona.
- Renderize a visualização inicial do lado do servidor como HTML e aumente com o JavaScript.
- Minimize o CSS que bloqueia a renderização, forneça apenas os estilos necessários para exibir a janela de visualização inicial e, em seguida, forneça o resto.
- URIs de dados grandes inline no CSS que bloqueiam a renderização são prejudiciais para o desempenho da renderização, ou seja, bloqueiam os recursos em que os URLs de imagem não causam bloqueio.
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2025-07-25 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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"]]
