Complementando o Lazy Loading com compactação de imagem

Nos últimos meses, falamos sobre a importância da compactação de imagens. Seja em Joomla, WordPress, Drupal ou qualquer outro CMS, a compressão de imagens melhora o peso da página, portanto o tempo de carregamento global. Por outro lado, o lazy loading imagens facilita a navegação em seu site, adiando o carregamento de imagens até que seus leitores cheguem às imagens.

Ao adiar o carregamento da imagem, os leitores móveis podem economizar em seu plano de dados. Todos os outros se beneficiam de tempos de carregamento mais rápidos, o que, por sua vez, aumenta sua pontuação de SEO. O impacto positivo do lazy loading é significativo o suficiente para que o Google Chrome planeje adotar a técnica nativamente em atualizações futuras.

O lazy loading imagens não é a solução definitiva para todos os problemas de carregamento de blogs. Em alguns casos, você precisa pré-carregar as imagens. Em outros casos, 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 nos tempos de carregamento. É aqui que entra a compressão da imagem.

Compactação de Imagem Diligente

O lazy loading imagens adia quando as imagens são baixadas até que sejam necessárias. O tempo que leva para baixar as imagens depende do tamanho da imagem - alguns kilobytes ou megabytes de tamanho. A compressão da imagem acelera o processo de download real, reduzindo o tamanho das imagens. Por que carregar lentamente imagens de tamanho normal quando você pode carregar imagens compactadas de forma lenta?

ImageRecycle assume a função de otimizador de imagem. ImageRecycle foi projetado para reduzir o tamanho das imagens sem comprometer a qualidade. As imagens incluem alguns dos elementos mais comuns e grandes nas páginas da web modernas. Reduzir seu tamanho significa pagar por menos espaço de armazenamento e uma experiência de navegação mais rápida. Os efeitos são surpreendentes. Eu acrescentaria que o efeito é ainda mais impressionante quando o lazy loading usa uma técnica avançada como o pré-carregamento da janela de visualização, 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 útil, mas você não precisa estar tecnicamente ciente para usar ImageRecycle . O otimizador de imagem é parte de dois plug-ins que ajudam a otimizar seus blogs WordPress e Joomla: WP Speed of Light e Speed Cache e pode ser usado em quase qualquer plataforma com o script de compressão de imagem PHP.

O processo para usar ImageRecycle em qualquer um desses dois plug-ins ou no script é relativamente simples. Primeiro, você precisa ativar uma avaliação gratuita do ImageRecycle ou comprar uma assinatura. Em seguida, instale e ative as extensões WordPress ou Joomla e o plug-in ImageRecycle e adicione sua chave e segredo da API ImageRecycle na página de configurações. Depois de ativar com sucesso sua conta ImageRecycle , você pode aproveitar seus benefícios sem ter que sair do WordPress, Joomla, opencart ou qualquer CMS.

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

Ajuste de compactação de imagem

Ser capaz de otimizar todas as imagens é uma bênção, mas a maior demonstração de força do ImageRecycle é seu controle. Com ImageRecycle , a otimização de imagem recebe uma dimensão totalmente nova de controle. Você pode incluir pastas de mídia específicas para compactação, deixando outras imagens em seu estado original.

Você pode até especificar o nível de compactação independentemente para diferentes tipos de arquivos - arquivos PDF, PNG, JPG e GIF. Os níveis de compactação variam da melhor economia, cortando os tamanhos de arquivo em até 80%, ao nível de qualidade original menos permanente, até nenhuma compactação.

Em alguns casos, convém preceder a compactação da imagem em uma etapa preliminar de redimensionamento. Considere fazer o upload de imagens com grandes dimensões para um blog que não se concentra extensivamente na mídia. É provável que essas imagens sejam reduzidas quando renderizadas no frontend de qualquer maneira.

O mais preocupante é que essas imagens grandes ocupam muito espaço e precisam ser baixadas em sua totalidade para serem exibidas. ImageRecycle permite que você redimensione automaticamente as imagens para uma largura ou altura máxima para evitar o armazenamento de imagens grandes que têm um efeito prejudicial em seu blog.

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