Portuguese, Brazilian subtitles

← Cameron Analyzes Example 2 - Website Performance Optimization

Get Embed Code
6 Languages

Showing Revision 14 created 06/20/2016 by Udacity Robot.

  1. Decidi fazer o exemplo número 2. Primeiro,
  2. requisitamos a página e começamos a receber o HTML.
  3. Começamos imediatamente a analisá-lo e a criar o DOM.
  4. Encontramos duas folhas de estilo: style.css e print.css
  5. com uma consulta de mídia por print. Não vamos imprimir,
  6. então print.css não faz parte do caminho de renderização
  7. crítica. Só precisamos enviar uma requisição
  8. por style.css. Depois continuamos analisando o DOM.
  9. Encontramos duas tags script no final do
  10. corpo: uma para app.js e outra para analytics.js. analytics.js
  11. é assíncrono, então não faz parte do caminho
  12. de renderização crítica. Acionamos uma requisição por app.js e
  13. interrompemos a criação do DOM enquanto esperamos a
  14. chegada do CSS e a construção do CSSOM. Agora que temos
  15. o CSSOM, o mecanismo do JavaScript está desbloqueado;
  16. podemos executar o app.js, terminar a criação do DOM e
  17. renderizar a página. Não foi tão ruim.