
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!
Formação Online
Velocidade é sua nova vendedora.
Google, Yahoo, Amazon, Mozilla, Microsoft, Shopzilla... Caelum!
Todos casos de estudo com a MESMA conclusão: otimizar o carregamento DISPARA as conversões, vendas e satisfação dos usuários.
Você, mestre das otimizações.
Aprenda o segredo dos maiores otimizadores do planeta. Seja um mestre, estude com quem MAIS ENTENDE do assunto no Brasil.
Conheça diversas técnicas de otimização, truques sujos para PERFORMANCE MÁXIMA, ferramentas de automatização e muito mais.
Formação online
2 cursos nessa Formação
Duração estimada: 30h
Seções e vídeos: 14
Exercícios: 50
Curso Intermediário
Instrutor
Público alvo
Desenvolvedores Web com conhecimentos aprofundados de Web Design (HTML, CSS e JavaScript) que querem lucrar mais instantaneamente otimizando suas páginas.
Breve lançamento! Deixe seu email e entramos em contato:
Estou interessadoFormação online completa com 2 cursos
Na exclusiva plataforma online da Caelum
Conheça a plataformaCaelum 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
Conteúdo do curso Inicial
Porque você deveria otimizar seu Site?
- Introdução
- O Mito da Banda Larga
- Casos famosos: Shopzilla, Bing, Mozilla
- O estudo da Caelum
- Estudos do Google, Yahoo
- Impactos em SEO, Adwords
Descubra seus gargalos de performance
- YSlow
- PageSpeed
- WebPageTest
- Google Analytics
Diminua o tamanho dos requests
- GZIP
- Minificação de JavaScript e CSS
- Compressão de HTML
Economize bytes com imagens
- Use tamanhos adequados
- Otimização de imagens sem perdas (lossless)
- Smush.it, pngout, pngcrush, jpegtran e outros
Diminua a quantidade de requests
- Junte arquivos JavaScript e CSS
- Configure headers de cache: Expires e Cache-Control
- Invalidação de cache com URL fingerprint
- Externalizar ou internalizar componente?
Image Sprites e seus truques
- Como criar sprites
- Automatizando o processo
- Cuidados com uso de memória
- Dicas e truques
Percepção de performance
- Como o usuário percebe a performance - casos de estudo
- Start Render Time
- Especifique o tamanho das imagens
- Porque CSS deve estar no head e JavaScript no fim
- Above the Fold Time (AFT)
Conteúdo do curso Avançado
Psicologia da performance
- Estudos famosos
- Design performático
- Minimalismo
- Truques sujos
Formatos das imagens
- JPEG: casos de uso e particularidades
- GIF só para animações
- Os tipos de PNG e quando usá-los
- O poder do PNG8
- Outros formatos: SVG, icon fonts, WEBP
- Otimizações lossy
Headers e otimizações
- Diminua headers e cookies
- Last-Modified e If-Modified-Since
- Etag e If-None-Match
- Data URIs
Lazy e carregamento assíncrono
- Adie o carregamento do que puder
- JavaScript assíncrono: HTML5, LABjs, HeadJS
- Otimização do onload
- Integração com widgets externos: Facebook, Twitter,...
Otimizando componentes externos
- Scripts do Facebook, Twitter e outros
- Single Point of Failure (SPOF)
- Simulação do SPOF
- Soluções e otimizações
Novidades do HTML5
- async
- AppCache e localStorage
- WebWorkers
- Truques de CSS3
- Ajax + History API
Outras ideias e dicas finais
- Nunca use: document.write, CSS expressions, @import
- Cuidado com 404s e redirects
- Minimize a latência da rede: DNS, SSL, CDNs
- Preload de componentes
- Código CSS eficiente
- Código JavaScript eficiente
- Mobile sites: outros truques
Breve lançamento! Deixe seu email e entramos em contato:
Estou interessado
Sérgio Lopes