Home » Cursos - Front-end » Performance Web: Otimizando o Front-End – Tinano Cursos
Performance Web otimizando o front end
(Reprodução/ Alura)

Performance Web: Otimizando o Front-End – Tinano Cursos

Performance Web otimizando o front end

 

Curso online de Performance Web otimizando o front end.

você fazendo este curso vai aprender sobre:

  • 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ápido.

Conteúdo Detalhado

Coloque seu potencial em pratica (Alura)

(Reprodução/Imgsafe)

Introdução

  • Performance Front-end vs Back-end
  • O projeto do Alura

Economizando bytes

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

GZIP

  • Como a compressão funciona
  • Habilitando no nginx

Otimizações de Imagens

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

O custo dos requests

  • Análise de waterfall no DevTools
  • Deploy no Google App Engine
  • Uso do WebPageTest
  • Análise de requests e connections

Concatenações & Trade-offs

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

Sprites

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

Inline de recursos

  • Embutir CSS e JS
  • Embutir imagens SVG
  • Trade-offs do inline
  • Janela inicial TCP
  • Inline com gulp
Compressed (Alura)

(Reprodução/Imgsafe)

Paralelizando requests

  • Limite de requests por hostname
  • Uso de hostnames paralelos

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

Conclusão

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

Caso você queira comprar o curso segue o link : Alura

 

 

 

 

One comment

Deixe uma resposta

%d blogueiros gostam disto: