Curso de Performance Web I: otimizando o front-end

9,3

Nota desse curso

4.603

Alunos neste curso

Faça esse curso e...

  • Otimize a performance de carregamento das suas páginas
  • Entenda os gargalos de performance e como resolvê-los
  • Veja técnicas para diminuir o tráfego de suas páginas
  • Faça sites com menos requests
  • Automatize suas otimizações com gulp
  • Analise suas páginas com as ferramentas do mercado
  • Converta mais usuários com sites mais rápidos

Conteúdo Detalhado

  1. Introdução

    • Performance Front-end vs Back-end
    • O projeto do Alura
  2. Economizando bytes

    • Minificação
    • Frameworks minificados
    • Impacto no DevTools
    • Uglifyjs e gulp
  3. GZIP

    • Como a compressão funciona
    • Habilitando no nginx
  4. Otimizações de Imagens

    • O peso das imagens
    • Compressão lossless
    • Compressão lossy
    • Ferramentas online
    • Linha de comando: jpegtran, pngcrush, svgo
    • Gulp imagemin
  5. O custo dos requests

    • Análise de waterfall no DevTools
    • Deploy no Google App Engine
    • Uso do WebPageTest
    • Análise de requests e connections
  6. Concatenações & Trade-offs

    • Porque concatenar CSS e JS
    • Trade-offs de cache e atualização
    • Como automatizar com useref
  7. Sprites

    • O que são sprites CSS
    • Criação de sprite PNG com imagemagick
    • Plugins como sprity
    • Sprites SVG com symbol
    • svg-sprite
  8. Inline de recursos

    • Embutir CSS e JS
    • Embutir imagens SVG
    • Trade-offs do inline
    • Janela inicial TCP
    • Inline com gulp
  9. Paralelizando requests

    • Limite de requests por hostname
    • Uso de hostnames paralelos
  10. Cache HTTP

    • Request bom é request não feito
    • Expires e Cache-Control
    • Análise dos requests cacheados
    • Configuração no nginx e App Engine
    • Fingerprint de URLs
    • gulp-rev
  11. Conclusão

    • Análise final das melhorias
    • Performance é UX
    • Estudos de impactos de performance na conversão
    • Casos de performance e usabilidade

Veja o primeiro vídeo

Carreira com esse curso

Público alvo

Programadores front-end com desenvoltura em HTML, CSS e JS que queiram turbinar a performance de suas páginas

Nível de Dificuldade

Intermediário

Instrutores

  • Sérgio é diretor e líder do time de diversos times no Grupo Caelum, formado em Ciência da Computação pela USP. É reconhecido por sua atuação em Front-end, Performance, Mobile e Arquitetura de software e tem vasta experiência com ensino, tanto presencial quanto online. Gerencia os projetos internos da empresa e atua na definição de rumos dos produtos e da empresa em geral.

Já é aluno?

Começar o Curso

Sabe quando você pode começar? Agora!

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana