Portuguese, Brazilian subtitles

← Optimizing the DOM - Website Performance Optimization

Get Embed Code
6 Languages

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

  1. Certo. Agora, estamos na parte divertida.
    Podemos começar a otimizar agora?
  2. Sim. Vamos nos concentrar
    nas etapas anteriores à
  3. construção da árvore de renderização,
    DOM e CSSOM,
  4. pois geralmente
    essas são as etapas
  5. mais perigosas e que fazem sua página
    renderizar muito lentamente.
  6. Nós falamos sobre transmissão de
    HTML para o cliente tão
  7. rápida quanto possível, para o navegador
    começar a criar o DOM. Tem mais alguma coisa?
  8. Esse é um quesito.
    E quanto ao tamanho do HTML?
  9. Hum. Imagino que
  10. ele deve ficar
    o menor possível.
  11. Sim. Esse é outro bom quesito.
    Vamos dar uma olhada em
  12. algumas estratégias.
  13. Digamos que queremos otimizar
    este arquivo HTML.
  14. A primeira coisa a notar é que temos
    comentários de CSS,
  15. comentários de HTML e comentários de JavaScript.
    Esses comentários são muito úteis para
  16. os desenvolvedores.
    Mas adivinha o que o navegador vai
  17. fazer quando os encontrar?
  18. Vai ignorá-los.
  19. Exatamente. Nem adianta
    mandá-los para o navegador.
  20. Podemos minificar o arquivo
    e reduzir seu tamanho.
  21. Para saber mais sobre
    minificação, consulte o link
  22. nas Notas do instrutor.
    Depois, você também deve comprimir
  23. o arquivo e assegurar
    que ele seja armazenado em
  24. cache pelo navegador.
    Novamente, confira as Notas do instrutor.