Como adiar imagens fora da tela no WordPress

Uma das inúmeras opções para acelerar um site é adiar imagens fora da tela. Neste post, você pode aprender como adiar imagens fora da tela no WordPress

We all know that speed is very important for SEO and conversion. Making a website fast can help that website rank higher on Google. And it can also make your readers happy. Who doesn’t like a fast website?

Mas ao tentar otimizar um site para velocidade, pode ser demorado com tantas coisas para fazer. Eu costumo tentar de vez em quando testar meu site e garantir que ele não esteja funcionando mal. Você nunca sabe o que há de novo lá fora. No mundo do SEO, as coisas mudam com muita frequência.

Se você verificou seu site através ferramentas de teste de velocidade como o Google PageSpeed ​​Insight ou Web.dev, um dos avisos que você pode receber é “adiar imagens fora da tela”.

In this article, I will explain what that means, tell you how to fix it, and recommend plugins you can use to fix it.

No entanto, você deve saber que por que adiar imagens fora da tela pode aumentar a velocidade do seu celular, os fatores mais importantes que afetam sua velocidade são a hospedagem e o tema. Aqui no BloggingFerramentas que usamos Cloudways because it is the fastest WordPress hosting. If you cannot afford Cloudways then Bluehost or Hostinger are good options. For Theme, we use the fastest Tema WordPress conhecido como GeneratePress.

O que significa adiar imagens fora da tela?

Adiar imagens fora da tela significa atrasar o carregamento de imagens que ainda não estão visíveis para o usuário. Isso fará com que o navegador se concentre em carregar apenas o necessário e, finalmente, tornar o site mais rápido.

Se você tem muitas imagens em seus posts ou página inicial, quando um usuário visita seu site, o navegador imediatamente começa a carregar tudo. Se as imagens forem muitas, pode levar muito tempo para renderizar a página para o usuário.

Mas quando você adia imagens fora da tela, as imagens só serão carregadas quando o usuário rolar até elas.

Observe que não são apenas as imagens que você pode adiar, mas a maioria dos ativos do seu site também pode ser adiada até que sejam necessárias.

Como adiar imagens fora da tela no WordPress

Você pode adiar imagens fora da tela carregando imagens com preguiça. O carregamento lento garantirá que as imagens sejam carregadas apenas quando forem necessárias. Isso, por sua vez, tornará o site mais rápido.

Uma vez que você consiga carregar imagens e outros ativos que estão impedindo que sua página carregue rapidamente. O “adiar imagens fora da tela” do Google PageSpeed ​​Insight e outras ferramentas de teste desaparecerão.

Siga estas etapas para adiar imagens fora da tela no WordPress:

1. Instale um plugin de carregamento lento

Existem muitos plugins de carregamento lento que estão disponíveis gratuitamente no diretório de plugins do WordPress. Você pode ir para Plugin, adicionar novo e digitar carregamento lento. Instale qualquer pessoa com boas críticas.

Mas você não precisa instalar nenhum plugin se já tiver plugins que possam lidar com carregamento lento. A maioria dos plugins de cache tem carregamento lento. Verifique seu plugin de cache para opções de carregamento lento. Os plugins de otimização de imagem geralmente têm opção de carregamento lento.

Além disso, se você estiver usando o Jetpack e a otimização automática, eles terão opções de carregamento lento.

2. Ative as opções de carregamento lento

Depois de instalar o plugin, certifique-se de ativar a opção de carregamento lento. Se você tiver um plug-in de cache com uma função de carregamento lento, certifique-se de ativar essa opção.

3. Limpe seu cache.

Assim que o carregamento lento estiver ativado, limpe seu cache e pronto!

Você pode testar seu site novamente, o aviso deve ter sumido!

Adiar o plugin WordPress de imagens fora da tela

Adiar plugins de imagens offsreen são os mesmos que plugins de carregamento lento. Aqui estão alguns abaixo:

1. jetpack

jetpack é um dos plugins WordPress mais populares com mais de 5 milhões de instalações ativas. Se você já tem o Jetpack instalado, não precisa instalar um plugin adicional para carregamento lento.

Basta ativar o carregamento lento no Jetpack. Para ativar, vá para as configurações do Jetpack e, na guia desempenho, role para baixo e ative o carregamento lento.

Carregamento lento do jetpack

2. Otimização automática

Autoptimize é um plugin de desempenho muito popular. Se você estiver usando o Autoptimize, não há necessidade de instalar um plugin de carregamento lento, pois o Autoptimize tem o mesmo recurso.

Vá para as configurações de otimização automática, clique na guia imagens e ative o carregamento lento.

Otimização automática de carregamento lento

3. WP foguete

WP Rocket é o plugin de cache premium para WordPress mais popular. Se você usa WP Rocket, não precisa de nenhum outro plugin, eles têm carregamento lento habilitado.

Vá para as configurações do WP Rocket e clique em mídia, a partir daí você pode ativar o carregamento lento.

WP Rocket Lazy carregando

4. LiteSpeed ​​Cache

Se você estiver usando o Plug-in LiteSpeed ​​Cache, Possui um recurso de carregamento lento. Para ativar, basta navegar até a seção de mídia e lá você pode ativar o carregamento lento.

5. a3 Carga lenta

Se você só precisa de um plugin para carregamento lento, então a3 Carga lenta é um bom plugin para isso. Basta ir em plugin> adicionar novo. Procure por a3 Lazy Load. Instale e ative. Em seguida, vá para as configurações do plugin e ative o carregamento lento.

Geralmente, alguns temas, alguns plugins de cache e alguns plugins de otimização de imagem vêm com o recurso de carregamento lento.

Perguntas mais frequentes (FAQs)

O que é "adiar imagens fora da tela"?

Adiar imagens fora da tela significa simplesmente atrasar o carregamento de imagens que não são necessárias. Isso ajuda a acelerar a velocidade de um site carregando imagens apenas quando necessário.

Como faço para adiar imagens fora da tela no WordPress?

Para adiar imagens fora da tela no WordPress, basta instalar um plugin de carregamento lento. Você também pode verificar se o seu plug-in de cache ou plug-in de otimização de imagem possui um recurso de carregamento lento, basta ativá-lo.

Como faço para adiar imagens fora da tela com o WP Rocket?

Abra as configurações do WP Rocket, navegue até a mídia. A partir daí, você pode ativar o carregamento lento.

Mfon Abel Ekene

Mfon Abel Ekene

Gosto de criar conteúdos que sejam úteis. Minha paixão é ajudar a população da internet a encontrar o que precisa, apontando-os na direção certa. É o que eu amo fazer e eu coloco muitas horas de pesquisa e testes para garantir que eu faça exatamente isso através do meu conteúdo no TargetTrend.

Artigos: 47

Receba materiais tecnológicos

Tendências de tecnologia, tendências de inicialização, análises, renda online, ferramentas da web e marketing uma ou duas vezes por mês

Deixe um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *