As imagens são essenciais para qualquer site, e o tempo que elas levam para carregar é uma faceta importante da experiência geral do usuário. De fato, 40% das pessoas abandonam um site que leva mais de três segundos para carregar. E a rapidez com que seu site é carregado pode ter um grande impacto na sua classificação no Google.

Então, como aumentar a velocidade de carregamento das imagens no seu site? Neste artigo, vamos explicar como fazer isso.

Quer mais dicas? Receba notificações de novas publicações por e‑mail.

Dimensione corretamente as imagens

Imagens maiores demoram mais para carregar, tornando seu site mais lento. Muitas imagens, mesmo aquelas tiradas com o celular, são maiores do que o necessário para que tenham uma boa aparência. Antes de carregar uma imagem, reduza o tamanho dela usando ferramentas gratuitas de edição de fotos ou um programa que já esteja instalado em seu dispositivo. O tamanho que você reduzirá dependerá da largura da área de conteúdo do seu site.

Como alternativa, a plataforma WordPress.com permite que você redimensione uma imagem com o Editor de imagens na Biblioteca de mídia.

Use uma rede de distribuição de conteúdo (CDN)

Uma CDN é uma rede de servidores em todo o mundo que acelera a entrega do conteúdo do seu site. Ela faz isso usando servidores que estão geograficamente próximos a você. Há serviços que você pode usar e que têm planos que variam de gratuitos a pagos, como o Cloudflare ou o StackPath.

Se o seu site ou blog foi criado no WordPress.com, ele vem com a poderosa CDN do Jetpack ativada automaticamente.

Armazene seu conteúdo em cache

Para aumentar a velocidade de carregamento da imagem, você pode optar por ter seu conteúdo armazenado temporariamente em um cache. Para sites auto-hospedados, você pode baixar um plugin como o W3 Total Cache, WP Rocket ou WP Super Cache. Se você for um usuário do WordPress.com, a plataforma já faz isso para você como parte dos recursos essenciais do Jetpack. Na verdade, adicionar um plugin de cache pode interferir na plataforma WordPress.com.

Compactar fotos

As imagens podem usar muitos dados, o que leva mais tempo para carregar. Comprima as imagens manualmente em seu computador antes de fazer upload das fotos ou use um plugin em seu site para fazer isso por você. Novamente, o Jetpack faz isso automaticamente para seu site WordPress.com.

Implemente o Lazy Loading (carregamento lento)

É provável que você tenha várias imagens em uma página, especialmente se tiver uma loja de comércio eletrônico ou se for um blogueiro. Em vez de fazer com que todas as imagens sejam carregadas automaticamente quando alguém visita uma página do seu site, você pode optar por carregar somente as imagens visíveis para acelerar o carregamento de imagens. Isso é chamado de Lazy Loading.

Há plugins que permitem fazer isso, mas também há uma opção que você pode escolher em seu site conectado ao Jetpack, chamada Lazy Images.

Use a plataforma de hospedagem correta

Por fim, o uso de uma plataforma de hospedagem de alta qualidade pode ter um grande impacto na velocidade de carregamento das imagens em seu site. As opções são infinitas e podem variar imensamente de acordo com o preço. Quer você tenha um site WordPress.com gratuito ou pago, você sabe que seu site está hospedado em uma plataforma de primeira linha.

Ao implementar essas estratégias, as fotos do seu site devem ser carregadas com o clique de um botão.