Lazy Loading Progressivo para Joomla

Criar ótimo conteúdo no Joomla! é uma coisa, torná-lo acessível é outra. Lazy loading é uma solução que combina os dois sem alterar seu fluxo de trabalho. Com lazy loadingprogressivo, as imagens são carregadas apenas se e quando necessário. Se o leitor nunca alcança uma imagem na página da web, ela nunca é baixada. Agora, lazy loading também está disponível no Joomla!

Os benefícios do lazy loading são muitos; as páginas carregam mais rápido, o que significa que a experiência do usuário é melhor, as pontuações de SEO sobem e o seu conteúdo Joomla é mais acessível aos usuários em dispositivos de baixa qualidade ou com acesso lento à internet. Há algumas semanas, apresentamos uma melhoria na receita básica de lazy loading no WordPress. Hoje, estamos apresentando-o para Joomla! também, mas antes disso, uma olhada em como você pode habilitar o lazy loading progressivo no Joomla!

Habilitando Lazy Loading no Joomla!

Lazy loading no Joomla! faz parte da extensão Speed Cache. Ativar lazy loading é tão simples quanto ligar um interruptor. No entanto, o Speed Cache do Joomla! também inclui outras funcionalidades que ajudam a tirar o máximo partido de lazy loading

Para configurar lazy loading no seu blog Joomla!, vá para o painel de controle do Speed Cache. A partir daí, clique no botão configuração para ir para a página de configurações do Speed Cache totalmente nova.

As lazy loading configurações estão localizadas na aba de parâmetros. Navegue até lá ou use a nova funcionalidade de pesquisa para procurar as configurações lazy loading. Para habilitar lazy loading, basta ativar a opção lazy loading. Assim que você fizer isso, Speed Cache mostrará novas opções para personalizar lazy loading para adequar ao seu site.

Excluir imagens do Joomla! Lazy Loading

Com os dois primeiros campos, você pode excluir certas imagens do lazy loading se elas forem muito pequenas, como ícones ou logotipos pequenos. Isso é útil para habilitar o lazy loading apenas para imagens que realmente impactam o tempo de carregamento do seu blog Joomla! Por esse motivo, certifique-se de que você exclua apenas imagens muito pequenas para não tornar o lazy loading ineficaz.

Em alguns casos, no entanto, você pode querer excluir (ou incluir) conjuntos inteiros de posts ou páginas do Joomla do lazy loading. Os motivos pelos quais você faria isso variam muito e são razoáveis — talvez a mídia que eles incluem seja parte integrante do conteúdo. Os dois campos seguintes são usados para esse efeito.

Com o primeiro campo, você pode habilitar lazy loading apenas para determinadas páginas e, com o segundo campo, você pode desabilitar lazy loading para apenas uma seleção do conteúdo. Em ambos os casos, curingas também são permitidos; use o símbolo de asterisco para aplicar lazy loading sobre conjuntos de posts ou páginas do Joomla! com nomes semelhantes. Salve as alterações para habilitar lazy loading: lazy loading entra em vigor automaticamente no seu blog do Joomla!.

Como o carregamento lento progressivo funciona no Joomla!

Lazy loading serve o conteúdo assim que necessário. Normalmente, as páginas são compostas por uma combinação de texto e imagens. Fazer o download de mídia leva mais tempo do que baixar texto, especialmente em dispositivos móveis de baixa qualidade ou com acesso lento à Internet. Embora o seu blog Joomla! não possa magicamente acelerar os dispositivos móveis ou o acesso à Internet, ele pode fazer a próxima melhor coisa: melhorar a experiência do usuário.

O que o lazy loading significa efetivamente é que o navegador inicialmente carrega o texto, que é comumente a parte integral do seu blog Joomla! O texto também é muito menor em tamanho, por isso carrega mais rápido e seus leitores podem acompanhar. Quando eles rolam para baixo e uma imagem entra em vista, o lazy loading baixa e exibe a imagem.

Na realidade, ainda pode demorar algum tempo para uma imagem carregar. Portanto, o carregamento lento progressivo de imagens cria automaticamente uma pequena versão das imagens — com 20px de largura, 4 cores e apenas alguns KB de tamanho — aumenta-as para o tamanho original e depois as desfoca. O efeito é uma versão desfocada da imagem em tamanho real que indica que a imagem ainda está sendo baixada. Quando o carregamento lento termina de baixar a imagem, o Joomla! substitui a imagem desfocada pela imagem completa.

O lazy loading progressivo é habilitado automaticamente com o lazy loading, o que significa que você não precisa fazer nenhuma alteração adicional. O melhor de tudo é que, usando apenas versões pequenas da imagem, o lazy loading progressivo adiciona muito pouco overhead ao espaço de armazenamento do seu Joomla!.

Lazy Loading em Galerias Joomla!

O Lazy loading não discrimina. O lazy loading do Speed Cachefunciona para qualquer imagem, incluindo galerias, como galerias Droppics . Da mesma forma que as imagens normais, o Speed Cache amplia uma versão pequena das imagens na galeria e desfoca. Quando os usuários rolam para baixo, o lazy loading baixa as imagens em tamanho real.

O melhor de tudo é que o Speed Cacheda lazy loading não atrapalha seu fluxo de trabalho. Em vez disso, ele injeta lazy loading no seu processo: basta inserir uma imagem ou uma galeria em qualquer lugar do seu blog Joomla! e o Speed Cache carrega automaticamente as imagens lentamente usando AJAX, uma por uma, após o conteúdo principal — principalmente o texto e as imagens pequenas excluídas pelas suas preferências — ter sido carregado.

Lazy Loading Inteligente com base na altura da tela

Lazy loading é tudo sobre rolagem e altura da tela. Speed Cache’s lazy loading é muito inteligente, pois se aplica apenas à altura da tela atual (com base na viewport) e pré-carrega a próxima. Então, se você tiver uma conexão rápida ou se rolar lentamente, você nem notará que lazy loading está ativado no seu site Joomla.

Além disso, este lazy loading baseado na altura da tela se aplica apenas à altura da tela atual, mesmo que esteja no meio da página, no caso de um link para uma âncora, por exemplo. Em seguida, o lazy loading é aplicado uma vez que você role para cima ou para baixo.

SEO do Joomla e Lazy Loading

O lazy loading usado no Speed Cache não afeta o SEO. Na verdade, os motores de busca que rastreiam seu conteúdo, como o bot do Google, só verão vantagens:

• Os tempos de carregamento da página são muito melhores;
• Todo o conteúdo da imagem, incluindo texto alternativo, título da imagem e descrição, são carregados imediatamente sem lazy loading; e
• Legendas de imagens também são carregadas quando a página é renderizada pela primeira vez.

O carregamento progressivo lazy loading é um compromisso entre mostrar mídia e atrasar o download deles adicionando pistas visuais. Ao mesmo tempo, o lazy loading torna a navegação no seu blog Joomla! mais rápida e agradável. Não deve haver limites para compartilhar ótimo conteúdo e agora, com o carregamento progressivo lazy loading no Joomla!, não há limites para torná-lo acessível também.

Claro, também podemos ter em mente que Speed Cache também oferece muitas outras ferramentas incríveis, como um módulo de cache realmente agradável que nos permitirá acelerar nossos sites e levá-los ao próximo nível!

Verifique Speed Cache para Joomla:  https://www.joomunited.com/products/speed-cache