Estudando este mês:

e mais 247 alunos(as)

Resumo do curso

  • 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

Público alvo

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

Conteúdo relacionado

Cursos de Automação e Performance em Front-end

Leia nossos artigos de Front-end

Última atualização

04/12/2019

Já é aluno?

Comece o curso agora

20h

p/ conclusão

83

Atividades

230

Minutos de video

10293

Alunos nesse curso

9.3

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Performance Web I: otimizando o front-end

Formação com esse curso

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.

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

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Excelente professor!Pena que o curso está desatualizado.

Performance Web I: otimizando o front-end

ANDRE LUIS SOARES DA SILVA

Muito didático. Abordagem dos ponto de forma clara. Projeto desenvolvido para o curso bem completo.

Performance Web I: otimizando o front-end

Renato Augusto Santos Monteiro

O curso é muito bom, mas acho poderia ser atualizado, algumas funções do gulp ja aparecem como depreciadas.

Performance Web I: otimizando o front-end

Andressa Camargo

Aprenda Automação e Performance com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas