Complementando Lazy Loading com compressão de imagem

Nos últimos meses, temos falado sobre a importância da compressão de imagens. Seja no Joomla, WordPress, Drupal ou qualquer outro CMS, a compressão de imagens melhora o tamanho da página e, consequentemente, o tempo de carregamento geral. Por outro lado, lazy loading de imagens facilita a navegação no seu site, adiando o carregamento das imagens até que os leitores cheguem a elas.

Ao adiar o carregamento de imagens, os leitores em dispositivos móveis podem economizar em seus planos de dados. Todos os outros se beneficiam de tempos de carregamento mais rápidos, o que, por sua vez, melhora sua pontuação de SEO. O impacto positivo do lazy loading é tão significativo que o Google Chrome planeja adotar a técnica nativamente em futuras atualizações.

lazy loading de imagens não é a solução definitiva para todos os problemas de carregamento de blogs. Em alguns casos, é necessário pré-carregar as imagens. Em outros, você tem imagens grandes que demoram muito para carregar. O que é comum nesses cenários é o fato de que as imagens têm a palavra final sobre o tempo de carregamento. É aí que entra a compressão de imagens.

Compressão de imagem diligente

lazy loading de imagens adia o download das imagens até que elas sejam necessárias. O tempo necessário para baixar imagens depende do tamanho do arquivo — seja ele de alguns kilobytes ou megabytes. A compressão de imagens acelera o processo de download, reduzindo o tamanho dos arquivos. Por que carregar imagens em tamanho original quando você pode carregar imagens comprimidas?

ImageRecycle ImageRecycle assume o papel de otimizador de imagens. Ele foi projetado para reduzir o tamanho das imagens sem comprometer a qualidade. As imagens são alguns dos elementos mais comuns e grandes em páginas da web modernas. Reduzir seu tamanho significa pagar menos espaço de armazenamento e obter uma experiência de navegação mais rápida. Os efeitos são impressionantes. Eu acrescentaria que os efeitos são ainda mais impressionantes quando o lazy loading utiliza técnicas avançadas como o pré-carregamento da área visível, o que significa que uma ou duas alturas de tela já têm suas imagens pré-carregadas.

ImageRecycle pode ser usado em qualquer projeto graças a uma API prática, mas você não precisa ser um especialista em tecnologia para usá ImageRecycle. O otimizador de imagens faz parte de dois plugins que ajudam a otimizar seus blogs WordPress e Joomla: WP Speed of Light e Speed Cache , e pode ser usado em praticamente qualquer plataforma com o script de compressão de imagens em PHP.

O processo para usar ImageRecycle em qualquer um desses dois plugins ou no script é relativamente simples. Primeiro, você precisa ativar um período de teste gratuito do ImageRecycle ou comprar uma assinatura. Em seguida, instale e ative as extensões do WordPress ou Joomla e o plugin ImageRecycle , e adicione sua chave e segredo da API do ImageRecycle na página de configurações. Depois de ativar sua conta ImageRecycle com sucesso, você poderá aproveitar seus benefícios sem precisar sair do WordPress, Joomla, OpenCart ou qualquer outro CMS.

Se esta é a primeira vez que você usa ImageRecycle em seu site, pode otimizar imediatamente todos os seus arquivos de mídia. Com o plugin ativado, você pode compactar todas as imagens e até mesmo arquivos PDF em lote. No futuro, você poderá otimizar arquivos individualmente ou compactar a mídia em lote. E o melhor de tudo: esse processo acontece em segundo plano.

Ajustando a compressão de imagens

Poder otimizar todas as imagens é uma grande vantagem, mas o maior trunfo do ImageRecycleé o controle que ele oferece. Com ImageRecycle, a otimização de imagens atinge um novo patamar de controle. Você pode incluir pastas de mídia específicas para compressão, mantendo as demais imagens em seu estado original.

Você pode até especificar o nível de compressão independentemente para diferentes tipos de arquivo — PDF, PNG, JPG e GIF. Os níveis de compressão variam da melhor economia, reduzindo o tamanho dos arquivos em até 80%, ao nível de qualidade original menos permanente, até nenhuma compressão.

Em alguns casos, pode ser interessante realizar uma etapa preliminar de redimensionamento antes de comprimir as imagens. Considere o caso de um blog que não se concentra muito em conteúdo multimídia e que, provavelmente, terá seu tamanho reduzido ao ser exibido no front-end.

O mais preocupante é que essas imagens grandes ocupam muito espaço e precisam ser baixadas por inteiro para serem exibidas. ImageRecycle permite redimensionar automaticamente as imagens para uma largura ou altura máxima, evitando o armazenamento de imagens grandes que prejudicam o desempenho do seu blog.

Lazy loading é uma boa solução para reduzir o tempo de carregamento do seu blog, mas às vezes pode ser apenas superficial — uma aceleração temporária das páginas. A compressão de imagens complementa lazy loading , tornando-o totalmente eficaz por meio da otimização de imagens. Ainda indeciso ou animado para experimentar a compressão de imagens? Experimente ImageRecycle gratuitamente !