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 e, consequentemente, o tempo de carregamento global. Por outro lado lazy loading de imagens facilita a navegação em seu site, adiando o carregamento das imagens até que os 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.

Compressã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 plugin 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ê poderá 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.

Compressão de imagem de ajuste fino

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 de forma independente para diferentes tipos de arquivo – arquivos PDF, PNG, JPG e GIF. Os níveis de compactação variam desde o melhor salvamento, reduzindo o tamanho dos arquivos em até 80%, até o nível de qualidade original menos permanente, até nenhuma compactação.

Em alguns casos, você pode querer preceder a compactação da imagem com uma etapa preliminar de redimensionamento. Considere enviar imagens de grandes dimensões para um blog que não se concentra extensivamente em mídia. De qualquer forma, essas imagens provavelmente serão reduzidas quando renderizadas no front-end.

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!