Como adiar imagens fora da tela no WordPress

Todos sabemos que a velocidade é muito importante para SEO e conversão. Tornar um site rápido pode ajudá-lo a ter uma classificação mais elevada no Google. E também pode deixar seus leitores felizes. Quem não gosta de um site rápido?

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”.

Neste artigo, explicarei o que isso significa, direi como consertar e recomendarei plugins você pode usar para consertar.

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 porque é a hospedagem WordPress mais rápida. Se você não pode pagar pela Cloudways, Bluehost ou Hostinger são boas opções. Para Tema, usamos o mais rápido 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.

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.

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.

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 Frequentes (FAQs)