Front-end

Performance Web I: otimizando o front-end

Curso online de Performance Web I: otimizando o front-end

935 9.3

9,3

é a nota desse curso

4.282

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

Carreiras com esse curso

Veja o primeiro vídeo

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 Lopes

    Reconhecido profissional front-end e mobile. Tem transtorno obsessivo por velocidade de carregamento de páginas.

Já é aluno?

Começar o Curso

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

Escolha o seu plano e vamos começar

  • Cursos
  • Certificado de participação
  • 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

Premium
  • 657
12X
R$75

à vista R$900

Matricule-se
Premium Plus
  • 657
12X
R$100

à vista R$1.200

Matricule-se