View
1.384
Download
2
Category
Preview:
Citation preview
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
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?
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
OU- Scripts inúteis
- Scripts desnecessários
- Estilos inúteis
- Excesso de tudo
- Código todo “embolado”
- 50 mil $(document).ready
- 10 mil linhas comentadas
O Font Awesome (por exemplo), resolve!
Poupa a requisição de arquivos do servidor
Pode substituir MUITAS imagens do projeto
Cada situação tem a sua solução!
- Bons frameworks são modularizados!
- Bons frameworks te permitem trabalhar com módulos escolhidos
- 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!
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
Como assim?Você precisa mesmo recarregar o header e o footer?
<= Isso fica
<= Isso fica
<= Isso muda
Mas já fiz muita coisa no front-end…
Existem mais coisas pra fazer no próprio WordPress, para melhorar o
meu projeto?
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!!!
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...
Links interessantes
- http://codex.wordpress.org/
- http://www.escolawp.com/
- http://www.wpbeginner.com/
- http://html5boilerplate.com/
- http://browserdiet.com/pt/
- http://sass-lang.com
- http://gruntjs.com/
- https://www.w3-edge.com/products/w3-total-cache/
- https://wordpress.org/plugins/wp-optimize/
- https://wordpress.org/plugins/ewww-image-optimizer/
Recommended