Gostaria de aprender como implementar o carregamento lento no WordPress?
Se o seu site WordPress depende muito de conteúdo visual, pode ser necessário adicionar a funcionalidade Lazy Loading a ele. Esse recurso do WordPress ajuda a melhorar a velocidade e o desempenho da página de um site, tornando-o essencial para seus esforços de SEO.
Este artigo irá explorar como o Lazy Loading funciona, bem como seus prós e contras. Você também aprenderá como implementá-lo em seu site e maneiras de otimizar seu uso para obter melhores resultados.
Sem mais delongas, convidamos você a consultar nossa lista de Temas do WordPress. Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog
Então, voltemos ao porquê de estarmos aqui.
O que é carregamento lento?
É um recurso que permite que um site carregue apenas imagens visíveis para o usuário. Ele ajuda o site a manter a velocidade de carregamento rápida, não fazendo upload de imagens fora da janela de visualização.
Como funciona o carregamento lento do WordPress?
Quando um usuário visita um site WordPress, seu navegador baixa todas as imagens da página de uma só vez. Para páginas com muitas imagens de alta resolução, esse processo pode reduzir significativamente o tempo de carregamento, o que pode prejudicar o desempenho do seu site.
Adicionar um Lazy Loading ao seu site solicita que ele baixe apenas imagens visíveis na tela do usuário. O restante dos arquivos de mídia é substituído por uma imagem de espaço reservado e carregado apenas quando o usuário rola a página da Web para baixo.
Vantagens e desvantagens do WordPress Lazy Loading
Se você ainda está se perguntando se deve implementar o carregamento preguiçoso de imagens no WordPress, aqui estão os prós e contras do recurso:
Avantages:
- Reduz o uso de largura de banda, reduzindo os custos de hospedagem.
- Melhora a velocidade do site melhorando assim a experiência de navegação dos visitantes.
- Melhora a experiência móvel.
- Melhora o esforço SEO, aumentando a classificação do seu site nos motores de busca.
contra:
- Causa buffer de conteúdo, o que afeta a velocidade de carregamento.
- Retarda a rolagem rápida.
Como adicionar carregamento lento ao seu site WordPress: 3 métodos
Existem três maneiras de implementar o carregamento lento em seu site WordPress. Recomendamos que você escolha o método que melhor se adapte à sua situação.
1. Atualize para o WordPress 5.4 ou superior
O WordPress 5.4 e posterior suporta carregamento lento por padrão. Atualizando seu WordPress para a versão mais recente suportará automaticamente o carregamento lento.
Embora este seja o método mais fácil, ele não permite configurar quais imagens carregar lentamente. Portanto, seu site pode abusar do recurso, manifestando as desvantagens acima mencionadas.
Outro fator a ser considerado é a natureza diferente do recurso Lazy Loading em cada versão do WordPress. Recentemente, o WordPress lançou uma nova versão do WordPress que implementa melhorias para resolver problemas com pontuações de conteúdo amplas ruins de versões mais antigas.
Isso significa que os sites executados em versões mais antigas do WordPress não obtêm os mesmos benefícios que os que executam o WordPress 5.9, que é a versão mais recente.
2. Habilite o carregamento lento nativo através do navegador
Navegadores populares como Chrome, Firefox e Opera suportam carregamento lento. Você só precisa adicionar o atributo para imagens e vídeos direcionados para ativá-lo automaticamente.
No carregamento lento nativo do WordPress, o atributo de carregamento suporta estes três valores:
- Auto : aciona o carregamento lento por padrão, o que equivale a não incluir um atributo de carregamento.
- Preguiçoso : distribui o carregamento de recursos até que cada um atinja a distância especificada da janela de visualização.
- Ansioso : carrega todos os recursos assim que a página é carregada, independentemente de sua localização.
Aqui está um exemplo de uso:
<img src=”nom-image.png” loading=”lazy” alt=”alt attribute” width=”800″ height=”411″>Esse método é ótimo para carregar certas imagens lentamente, dando a cada uma um atributo de carregamento que determina quando elas aparecem na janela de visualização. No entanto, o carregamento lento de imagens individuais pode demorar um pouco, especialmente se o seu site contiver muitos arquivos de mídia.
3. Instale um plug-in do WordPress
Como nem todos os navegadores suportam carregamento lento para imagens e vídeos, o segundo método pode não funcionar o tempo todo. Você pode mitigar esse problema instalando um plugin WordPress de carregamento lento. Esse método oferece mais controle sobre quais imagens carregar lentamente sem codificação.
Estes são melhores plugins WordPress de carregamento lento para escolher, acessível através do diretório de WordPress plugins.
Melhore a velocidade de carregamento do seu site
Uma das coisas boas sobre este plugin do WordPress é que ele suporta todos os tipos de imagem, incluindo AVIF. Este plugin WordPress de carregamento lento freemium fornece otimização e atualização. a escala da imagem adaptá-los aos dispositivos dos visitantes, garantindo uma experiência do usuário ótimo.
Quando detecta uma rede mais lenta, este plugin WordPress oferece a opção de degradar a qualidade da imagem. Além disso, você pode economizar espaço de armazenamento armazenando imagens na biblioteca na nuvem deste plugin WordPress.
Este plugin gratuito permite otimizar imagens para até 5 visitas mensais. A compra do plano Pro permitirá que você carregue imagens preguiçosamente para 000 visitantes ativos mensais e muito mais. As imagens de ambos os planos são veiculadas por meio da CDN do AWS Cloudfront.
Descarregar | Demo | hospedagem na web
Smush
Smush é um plugin de otimização de imagem popular que suporta carregamento lento. É compatível com Temas do WordPress populares, construtores de páginas e plugins de biblioteca de mídia. Além disso, permite salvar as configurações do plugin em configurações ilimitadas e aplicá-las com apenas alguns cliques.
Outros recursos úteis são a detecção incorreta do tamanho da imagem, suporte para multisite e ferramentas de compressão de imagem. A atualização para o Smush Pro permite otimizar imagens grandes sem limitações de tamanho, salvar imagens originais e acessar outros plugins WPMU Pro. Os preços começam em $ 5 / mês.
Descarregar | Demo | hospedagem na web
a3 Carga lenta
a3 Lazy Load é um plugin de carregamento lento orientado para dispositivos móveis gratuito. É totalmente compatível com o WordPress 5.9 e várias ferramentas populares, incluindo plugins WebP e AMP.
Além de oferecer a funcionalidade básica de carregamento lento, o a3 Lazy Load também permite o carregamento lento de vídeos, incluindo vídeos incorporados em páginas, postagens, tipos de postagem personalizados e widgets. Efeitos de carregamento lento e a capacidade de carregar scripts do cabeçalho ou rodapé também estão disponíveis.
Outros recursos notáveis, como suporte a vários sites, suporte a imagens WebP e carregamento lento de iframe – isso se aplica a iframes que o núcleo do WordPress não carrega, como Google Maps e mídia incorporada.
Descarregar | Demo | hospedagem na web
Dicas de carregamento lento do WordPress
A chave para tirar o máximo proveito do carregamento lento é usá-lo corretamente. Aqui estão algumas dicas para configurar o carregamento lento em seu site WordPress:
- Não carregue imagens de cabeçalho com preguiça. Como as imagens colocadas na parte superior da página ficam visíveis ao carregar, o carregamento lento não traz nenhum benefício.
- Escolha os espaços reservados apropriados. Recomendamos o uso de uma projeção de cores sólidas ou uma imagem de baixa qualidade como espaço reservado para suas imagens.
- Adicione tempo de buffer para carregamento de imagem. Dessa forma, suas imagens ficam prontas antes de entrar na janela de visualização do visitante, eliminando qualquer tempo de espera.
- Defina as dimensões dos contêineres de imagem. Isso ajudará você a evitar mudanças repentinas de layout, o que fará com que sua página da Web pareça organizada ao carregar.
- Implemente o carregamento lento apenas em páginas longas. As páginas longas incluem aquelas que levam mais de duas voltas para chegar ao final e têm mais de cinco imagens.
O carregamento lento no WordPress permite que você ofereça aos visitantes uma melhor experiência de navegação. Além de melhorar a velocidade do site, esse recurso também reduz o uso da largura de banda. Em suma, ajuda seus esforços de SEO para obter melhores classificações nos resultados dos mecanismos de pesquisa.
Outros recursos recomendados
Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.
- Como Fix redirecionamento erros no WordPress
- Alguns plugins para integrar serviços do Google em seu blog
- Plugins do WordPress 5 para exibir notificações
- Como criar modelos personalizados WordPress
- Usando diferentes origens WordPress
Conclusão
É isso para este tutorial que mostra como implementar o Lazy Loading no seu site WordPress. Esperamos que este artigo tenha ajudado você a entender como aproveitar ao máximo o recurso de carregamento lento em sites WordPress. Certifique-se de usar um Hospedagem do WordPress alta qualidade para melhorar ainda mais o desempenho do seu site.
Se você tiver alguma dúvida ou sugestão, informe-nos dentro de Comentários.
No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
En attendant, compartilhe este artigo em suas diferentes redes sociais.
...
