Sou grande fã de performance no geral, e no passado já partilhei contigo algumas dicas para aumentares a velocidade do teu site e optimizares imagens.
Recentemente visitei o PageSpeed Insights da Google para verificar se podia realizar mais optimizações a este blog WordPress. E, ao que parece, havia bastantes imagens que podiam estar mais leves.
Eu optimizo sempre as minhas imagens com o excelente ImageOptim para Mac, mas é importante ter em conta que sempre que carregas uma imagem para o WordPress, várias miniaturas de cada imagem são geradas – que são exibidas nas páginas de arquivo, por exemplo.
E essas imagens não são comprimidas – algumas miniaturas chegam até a pesar mais do que a imagem original!
Foi graças ao PageSpeed que me apercebi disso. Mas como resolver?
Plugins WordPress para comprimir imagens
Existem diversos plugins WordPress que prometem a compressão de todas as imagens do teu site, mas a maior parte tem um limite de compressões que podes realizar por mês (a não ser que pagues).
Outro problema é que alguns destes plugins são também bastante lentos – a compressão de imagens não é um processo particularmente rápido, especialmente se se tratarem de PNGs.
Se tiveres poucas imagens, ou não tiveres problemas em esperar, podes experimentar um destes plugins. O reSmush.it pareceu-me o melhor, permitindo a compressão de todas as imagens desde que sejam inferiores a 5 MB, mas deixo-te mais alternativas.
- reSmush.it Image Optimizer
- Compress JPEG & PNG images
- Smush Image Compression and Optimization
- EWWW Image Optimizer
- ShortPixel Image Optimizer
Como o meu blog está alojado no DigitalOcean (o meu serviço de alojamento favorito), decidi investigar que comandos se podem correr através do terminal.
Existe uma solução similar ao ImageOptim para Linux, o Trimage, mas que requer um interface gráfico – e eu só tenho acesso ao terminal.
Todos estes programas de compressão de imagens recorrem habitualmente ao OptiPNG e ao jpegoptim – que são open source. Como conheço alguns comandos de terminal, parti à descoberta!
Instalando o OptiPNG e o jpegoptim no Ubuntu
O primeiro passo será instalar ambos – se é que não estão já instalados na tua máquina.
Primeiro, actualizamos os repositórios: sudo apt-get update
Depois, instalamos os 2 programas:
sudo apt-get install jpegoptim optipng
Comprimindo imagens com o OptiPNG e o jpegoptim no Ubuntu
Ambos os programas têm vários parâmetros que podes precisar para definir a compressão.
Podes ver o que cada um pode fazer com o comando jpegoptim -h ou optipng -h respectivamente.
No meu caso, queria aplicar esta compressão a todas as imagens da pasta em que me encontro e de forma recursiva – ou seja, se existissem sub-pastas, as imagens que lá constassem deveriam ser também elas comprimidas.
O WordPress facilita-nos a vida neste aspecto, porque todas as imagens vão estar em wp-content/uploads/, ficando depois em pastas de anos e dentro delas, os respectivos meses.
Para o OptiPNG, podes correr este comando para comprimir todos os ficheiros PNG: find -name '*.png' -print0 | xargs -0 optipng -o7
O OptiPNG tem vários níveis de compressão – podes ir de 1 a 7. A maior redução será se colocares 7, tendo o problema de demorar mais a comprimir cada imagem.
Para o jpegoptim, queres comprimir tanto JPEGs como JPGs, pelo que este deve ser o comando a utilizar: find -name '*.jp*g' | xargs jpegoptim -f --strip-all
Com a ajuda do &&, podes combinar estes 2 comandos numa só linha – quando um processo terminar, o outro começa de imediato:
find -name '*.png' -print0 | xargs -0 optipng -o7 && find -name '*.jp*g' | xargs jpegoptim -f --strip-all
Agora é deixar o processo a correr e passar para outra coisa. É bem possível que fiques admirado com o espaço em disco que recuperaste quando a tarefa estiver concluída!
