Início » Desenvolvimento WordPress » Otimize suas imagens para ter um WordPress mais rápido
Desenvolvimento WordPress

Otimize suas imagens para ter um WordPress mais rápido

A otimização de imagens é uma das principais regras utilizadas pelo PageSpeed Insights do Google durante um teste de performance. Nesse processo, a ferramenta detecta imagens na página que podem ser otimizadas sem afetar significativamente a qualidade visual.
Escrito Por Leandro Vieira em julho de 2015 /2 min de leitura
Conteúdo escrito por humano

A otimização de imagens é uma das principais regras utilizadas pelo PageSpeed Insights do Google durante um teste de performance. Nesse processo, a ferramenta detecta imagens na página que podem ser otimizadas sem afetar significativamente a qualidade visual.

Otimização de imagens para um WordPress mais rápido

Reduzir as imagens ao seu tamanho mínimo diminui o tempo em que um usuário precisa aguardar até o carregamento de uma página. Uma correta otimização de imagens pode economizar muitos bytes de dados, poupando tempo aos usuários em conexões lentas e é uma das soluções para um site em WordPress mais rápido.

Otimização de imagens de forma básica

O procedimento básico na otimização de imagens consiste em:

  • Cortar espaços desnecessários para reduzir a profundidade de cor para o menor nível aceitável;
  • Remover comentários na imagem;
  • Salvar a imagem em um formato apropriado.

A otimização básica de imagens pode ser executada através de programas de imagens, como o GIMP, Photoshop e outros.

Otimização de imagens de forma avançada

A otimização avançada de imagens consiste em uma maior compressão sem diminuir a qualidade de arquivos JPEG e PNG. Para isso, existem várias ferramentas disponíveis que realizam essa compressão. As mais conhecidas e utilizadas para deixarem sites em WordPress mais rápido são a TinyPNG e a smush.it!, mas também existem outras como OptiPNG e PNGOUT.

Utilize formatos de imagens apropriados

O PageSpeed Insights nos dá algumas recomendações de alto nível para a escolha do formato de imagem:

  • PNGs são quase sempre superiores aos GIFs, embora algumas versões mais antigas de navegadores só ofereçam suporte parcial para PNG;
  • Use GIFs para imagens muito pequenas ou simples (por exemplo, com menos de 10 x 10 pixels ou com uma paleta formada por menos de três cores) e para imagens que com animação;
  • Use JPGs para todas as imagens com estilo fotográfico;
  • Não use BMPs ou TIFF.

Como está a performance do seu site em WordPress? Você pode começar fazendo a otimização de imagens.

Imagem de apresentação do Apiki WP One Day Performance

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.
Qual nota você da para este artigo?
Ruim

O que você achou disso?

Clique nas estrelas

Média da classificação 0 / 5. Número de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Excelente
Artigos Relacionados
wp-4-7-jonatan-gouveira-post-type

Novo Post Type, novo WordPress 4.7

  1. Ola, gostei do artigo, aguardo mais dicas como esta. Para mim que estou começando agora são dicas muito importantes.
    1. Oi Antonio, tudo bem? Que bom que gostou do artigo. Em breve traremos mais dicas sim. Continue nos acompanhando. Grande abraço!
  2. […] Exemplos simples e corriqueiros que prejudicam (e muito!) a performance são imagens e integrações com ferramentas de terceiros. Quando  for usar imagens para ilustrar suas postagens, considere usá-las de forma otimizada. […]

Construa seu site WordPress sob medida com os maiores especialistas em WordPress da America Latina
Conheça a Apiki

Faça um comentário
Cadastre-se rápido

Fazer Login