Front-end

Performance Web I: otimizando o front-end

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

508 9.5

9,5

é a nota desse curso

2.546

alunos neste curso

Cursos online de excelência, recomendados pelo

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
  • 20h para conclusão
  • 83 atividades
  • 244 minutos de videos

Curso Performance Web I: otimizando o front-end

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 83
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana

Carreiras com esse curso

Veja a 1ª aula

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

Curso Performance Web I: otimizando o front-end

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 83
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 402
    Cursos
  • 23.584
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana