O documento fornece dicas para melhorar o desempenho de projetos em WordPress, abordando tópicos como estruturação de arquivos, otimização de imagens, uso de frameworks, automação de tarefas, navegação Ajax, organização no WordPress e problemas comuns relacionados a plugins. O autor recomenda a utilização de sprites CSS, módulos de frameworks, pré-processadores de CSS, Transients API e avaliação criteriosa antes da instalação de plugins.
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
O Mínimo essencial para o bom desempenho do seu projeto em WordPress
1. O Mínimo essencial para o bom desempenho do
seu projeto em WordPress
Sergio Costa
2. Oxe! Quem é esse
aí?
- Formando Sistemas para Internet
- Web Dev na República Interativa
- Amante do WordPress (óbvio)
- Também amante do GruntJS e do
SASS
- Viciado em video-game
- Músico
3. Vamos falar de
que?
- Camadas do
projeto
- Imagens
- Frameworks
- Grunt Tasks
- Navegação Ajax
4. Mas e o WordPress???
- Hierarquia e Particionamento
- Adeus ao desnecessário
- Enfileirando Scripts e Estilos
- Transients API
- Alguns plugins
- Problemas com plugins
- Por que não usam o
CODEX?
5. Por que falar disso?
- Usuário feliz
- Você fez um bom trabalho
7. Isso envolve alguns aspectos
importantes
- Velocidade da internet
- 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. - Frameworks geralmente são construídos, utilizando pré-
processadores
- SIM, você pode usar o código dos pré-processadores!
E AÊ? COMO FAÇO???
Começando pelo CSS!
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 pesadas a cada f5!!!
47. Nem sempre são coisas ruins
Basta você saber escolher e usar
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
50. Porém, há uma excelente alternativa, para
substituir muitos destes bons plugins