[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
O mínimo essencial para desempenho WordPress
1. O Mínimo essencial para o bom desempenho do
seu projeto em WordPress
Sergio Costa
2. Vish! Quem é esse aí?
- Formando em Sistemas para Internet
- Desenvolvedor web na Equilibra Digital
- Amante do WordPress (óbvio)
- Também amante do GruntJS e do SASS
- Degustador de cervejas (MWA HA HA)
- Músico e gordo new school
3. Vamos falar de que?
- Camadas do projeto
- Imagens
- Frameworks
- Grunt Tasks
- Navegação Ajax
4. Mas e o WordPress???
- Particionamento
- Adeus ao desnecessário
- Enfileirando Scripts e Estilos
- Transients API
- Alguns plugins
- Problemas com plugins
- AAAAHHH!!!
Por que não usam o CODEX?
5. Por que falar disso?
- Usuário feliz
- Você fez um bom trabalho
7. Isso envolve outros aspectos importantes
- Velocidade da internet
- Internet móvel
- Usuários sem paciência
- Usuários sem tempo
- Tudo se faz pelo celular
- Computador? Só para trabalho
20. Cada situação tem a sua solução!
- Bons frameworks são
modularizados!
- Bons frameworks te permitem
trabalhar com módulos escolhidos
21. Começando pelo CSS!
- Frameworks geralmente são construídos, utilizando pré-processadores
- SIM, você pode usar o código dos pré-processadores!
E AÊ? COMO FAÇO???
22. Vamos usar, então!
Mas precisamos de uma forma para compilar o código do pré-processador…
24. Com a automação de tarefas, vamos:
- Assistir os arquivos
- Definir quais módulos serão utilizados
- Compilar os arquivos dos pré-processadores
- Remover os seletores não utilizados
- Concatenar e minificar os módulos CSS e JS utilizados
- Otimizar imagens
25. Já fiz isso tudo, aí!!!
Ainda tem o que fazer?
40. Uma feature linda, do WordPress!
Ela basicamente “cacheia” o resultado da sua query
O que isso traz de bom?
- Não precisa fazer consultas a cada f5!!!
48. Quais os problemas mais comuns,
gerados pelos plugins para WordPress?
- Códigos desnecessários
- Códigos nos lugares errados
- Brechas de segurança
- Códigos não minificados
- Às vezes, códigos sujos
- Sobrescrição de código
- Dentre outros...
49. Como vou resolver esse tipo de problema?
Vamos usar um exemplo rápido, do Contact Form 7