WD-45

Otimizações Web
e seus truques

Sabia que apenas 100ms de melhora aumentam o FATURAMENTO da Amazon em 1%?

Transforme seu site em uma máquina de conversões e usuários felizes: OTIMIZE!

Online Beta

Na exclusiva plataforma online da Caelum

• Caelum a qualquer hora

  Tenha uma unidade da Caelum pra você: faça o curso a qualquer hora e em qualquer lugar.

• Metodologia reconhecida

  A mesma qualidade que faz da Caelum e seus instrutores referências em ensino há anos.

• Experiência única

  Aproveitamos nossa participação ativa em fóruns, blogs, listas e redes sociais para criar uma experiência online única. Confira!

• Aprenda sempre

  Você pode ver mais de uma explicação do mesmo assunto, com instrutores diferentes.

• Dúvidas são passageiras

  Suas dúvidas serão logo respondidas. Instrutores e alunos conversam e discutem a todo momento.

• Muita prática

  Diversos exercícios em um ambiente que estimula você a praticar e aprender de verdade.

• Ensino colaborativo

  Não só as aulas ensinam, mas todos que participam e trocam experiências.

• Você, destaque no mercado

  Aprenda as tecnologias que fazem diferença no mercado de trabalho e conquiste seu espaço.

• Certificado virtual

  Inclui certificado oficial Caelum online ao final do curso

Online Beta

Conteúdo do curso

1. Porque você deveria otimizar seu Site?

   1. Introdução
   2. Casos famosos: Shopzilla, Bing, Mozilla
   3. O estudo da Caelum
   4. Estudos do Google, Yahoo
   5. Impactos em SEO, Adwords

2. Descubra seus gargalos de performance

   1. YSlow
   2. PageSpeed
   3. WebPageTest

3. Diminua o tamanho dos requests

   1. GZIP
   2. Minificação de JavaScript e CSS
   3. Compressão de HTML
   4. Diminua headers e cookies

4. Economize bytes com imagens

   1. Use tamanhos adequados
   2. Otimização de imagens - Smush.it e outros
   3. Formatos: quando usar JPEG, PNG8, PNG, GIF?

5. Diminua a quantidade de requests

   1. Junte arquivos JavaScript e CSS
   2. Configure headers: Expires, ETag, Last-Modified
   3. Minimalismo
   4. Externalizar ou internalizar componente?
   5. Data URIs

6. Image Sprites e seus truques

   1. Como criar sprites
   2. Automatizando o processo
   3. Cuidados com uso de memória
   4. Dicas e truques

7. Percepção de performance

   1. Como o usuário percebe a performance - casos de estudo
   2. Especifique o tamanho das imagens
   3. Porque CSS deve estar no head e JavaScript no fim
   4. First View Time
   5. Above the Fold Time (AFT)

8. Psicologia da performance

   1. Estudos famosos
   2. Design performático
   3. Truques sujos

9. Lazy e carregamento assíncrono

   1. Adie o carregamento do que puder
   2. JavaScript assíncrono: HTML5, LABjs, HeadJS
   3. Otimização do onload
   4. Integração com widgets externos: Facebook, Twitter,...

10. [Final bonus video] Outras ideias e dicas finais

    1. Nunca use: document.write, CSS expressions, @import
    2. Cuidado com 404s e redirects
    3. Minimize a latência da rede: DNS, SSL, CDNs
    4. Preload de componentes
    5. Ajax, History API e HTML5
    6. Código CSS eficiente
    7. Código JavaScript eficiente
    8. Mobile sites: outros truques