Melhores plugins de carregamento lento para tornar seu site WordPress mais rápido

Publicados: 2019-04-01

Sites com uma tonelada de imagens podem levar uma eternidade para carregar. Para cada imagem, é outra solicitação HTTP, e mais tempo seus usuários têm que esperar frustrados enquanto as páginas carregam lentamente.

Então, qual é a solução? Carregamento lento.

Continue lendo ou vá em frente usando estes links:

  • O carregamento preguiçoso nativo chegou com o WordPress 5.5
  • É necessário um plug-in mais?
    • Acesso a uma interface
    • Compatibilidade do navegador
    • Otimização Extra
  • Existem benefícios para o carregamento preguiçoso nativo?
  • Melhores plugins de carregamento lento
  • Mais sobre o carregamento lento

O carregamento lento pode acelerar significativamente sites com imagens pesadas e não leva tempo para ser ativado em seu site.

Em poucas palavras, ele força as imagens a serem carregadas apenas quando estão “acima da dobra” – em outras palavras, apenas as imagens que aparecem no navegador de um usuário serão carregadas.

Portanto, se você tiver uma página com 10 temas WordPress frescos e gratuitos em tela cheia, apenas as primeiras imagens da postagem serão carregadas e as outras serão carregadas à medida que o usuário rolar a página.

O carregamento preguiçoso nativo chegou com o WordPress 5.5

O carregamento lento ainda é um recurso relativamente novo para o WordPress.

Ele funciona adicionando o atributo de “lazy” e definindo o valor para “loading” em suas imagens, que são processadas pelo navegador na saída.

Se você tem um plug-in de carregamento lento ao qual é fiel ou passa por fases em que não deseja que o carregamento lento seja ativado, ficará satisfeito em saber que pode desativá-lo.

Alguns plugins fazem isso automaticamente, no entanto, se você precisar fazer isso manualmente, simplesmente vá para o seu arquivo functions.php e adicione o seguinte:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Isso desativará o recurso de carregamento lento do WordPress, o que significa que você poderá usar um plug-in de sua escolha sem o risco de conflito.

É apenas uma linha de código, mas se você não se sentir confortável em adicioná-lo, você pode baixar este plugin simples que fará isso por você.

É necessário um plug-in mais?

Você pode estar se perguntando se deve usar um plugin agora que o WordPress oferece carregamento lento nativo.

Bem, continue lendo, porque na verdade existem algumas razões pelas quais você pode querer ficar com um plugin:

Acesso a uma interface

Um bom plugin de carregamento lento, como o Smush, oferece uma interface com opções para ajustar configurações específicas, bem como a capacidade de ativar e desativar o carregamento lento com o toque de um botão.

Essas opções podem variar desde os tipos de imagem que serão carregados lentamente até as páginas às quais o carregamento lento se aplica. Se você quiser alterar configurações como essas sem um plug-in, terá que se aprofundar no código e adicionar essas exceções manualmente.

Compatibilidade do navegador

Outro grande ponto positivo é que a maioria dos plugins funcionará em todos os navegadores. O Safari é um dos principais navegadores que não suporta o atributo de carregamento, portanto, se você tiver um site com muitas imagens, poderá ver usuários de navegadores não suportados pulando. Isso é algo que você não precisa se preocupar ao usar um plugin.

Otimização Extra

A maioria dos plugins oferece muito mais do que apenas carregamento lento. A introdução de um plug-in de otimização de imagem em seu site é possivelmente uma das melhores decisões que você tomará.

Plugins como o Smush podem ajudá-lo a aceitar as recomendações do Google PageSpeed ​​relacionadas a imagens e aumentar a velocidade do seu site – o carregamento lento é apenas o começo!

Existem benefícios para o carregamento preguiçoso nativo?

Na superfície, pode parecer que um plugin fará tudo o que o carregamento preguiçoso nativo pode fazer e muito mais.

Embora isso seja tecnicamente correto, a principal diferença é que a maioria dos plugins envolve a introdução de uma biblioteca JavaScript, da qual seu site será dependente.

O carregamento lento nativo é mais simples e direto e não requer muito código extra.

Nosso plugin de otimização de imagem, Smush, na verdade oferece sua própria versão de carregamento preguiçoso nativo.

Funciona da mesma forma que o WordPress, mas suporta todos os mesmos formatos de imagem que o Smush.

O carregamento preguiçoso nativo talvez seja algo que possa ser usado como base para outros desenvolvimentos no futuro, mas pelo menos por enquanto, os plugins são adequados para a maioria dos sites.

Se você preferir a ideia de um plug-in para resolver suas necessidades de carregamento lento, reunimos uma coleção de plug-ins de carregamento lento gratuitos.

  • Otimização de Imagem Smush

    O Smush é o plug-in de otimização de imagem tudo-em-um mais popular por um motivo. Incluímos tudo o que você precisa para que suas imagens carreguem mais rápido.

    O carregamento lento está disponível na versão gratuita do Smush e no Smush Pro turbo, que vem completo com o Smush Pro CDN e, ao contrário do carregamento lento nativo, é compatível com todos os navegadores.

    Para ativar o carregamento lento com o Smush, tornamos o processo super simples. Tudo que você precisa fazer é ir para a seção Lazy Loading no Smush e apertar o botão Ativar . É isso.

    Você pode ajustar ainda mais suas configurações quando o carregamento lento estiver ativado, mas não é necessário. As configurações padrão do Smush e do Smush Pro são tudo o que você precisa para ver uma grande melhoria de desempenho.

    Interessado em Otimização de Imagem Smush?

    DetalhesBaixar
  • a3 Carga lenta

    A3 Lazy load é um plugin popular para carregar imagens, iframes, vídeos e outros elementos em seu site.

    Ele tem muitas configurações para que você possa personalizar como deseja que os ativos em seu site sejam carregados.

    Também foi testado para ser 100% compatível com plugins populares como WooCommerce, Advanced Custom Fields e uma variedade de CDNs.

    Interessado em a3 Lazy Load?

    DetalhesBaixar
  • Louco Preguiçoso

    Aqui está outro plugin de carregamento preguiçoso ultra enxuto que simplesmente funciona. Nenhuma configuração complicada necessária.

    Dependendo do tema ou do uso do jQuery, o Crazy Lazy opcionalmente utilizará uma versão modificada do plugin jQuery Unveil.js ou a biblioteca JavaScript nativa lazyload.js.

    Interessado em Crazy Lazy?

    DetalhesBaixar
  • Carregamento lento para vídeos

    Nem todos os plugins de carregamento lento funcionam com vídeo, o que é uma pena, porque os vídeos podem adicionar mais volume ao tamanho do arquivo da sua página da web do que as imagens.

    O Lazy Load for Videos pode ajudá-lo a carregar lentamente os vídeos hospedados no Vimeo ou no YouTube. Ele carrega uma imagem de espaço reservado e só carrega o vídeo completo e o player de vídeo se um visitante clicar nele.

    Isso é essencial se o seu site tiver muitos vídeos e você escolher um plug-in leve que não inclua carregamento lento para vídeo.

    Interessado em Lazy Load para vídeos?

    DetalhesBaixar

Mais sobre o carregamento lento

Usar um plug-in é a maneira mais fácil de adicionar carregamento lento ao seu site, mas não é a única maneira. Você também pode usar JavaScript em seu site se quiser uma solução mais enxuta.

Se você quiser saber mais, confira Como adiar imagens fora da tela no WordPress com carregamento lento para obter um detalhamento completo de como o carregamento lento funciona e como recriar a técnica em seu site.

Se você quiser saber mais sobre o recurso de carregamento lento do WordPress, confira o anúncio.

A maneira mais fácil de começar com o carregamento lento é com o Smush free ou o Smush Pro.

O Smush Pro adiciona outros recursos que podem ajudá-lo com outras oportunidades do Google PageSpeed ​​Insights. Ele pode ajudá-lo a fornecer imagens em formatos de última geração, convertendo suas imagens em arquivos WebP e dimensionando corretamente suas imagens com o Smush Pro CDN. O Smush Pro é até compatível com o popular plugin WP Retina 2x, para que você possa carregar com preguiça aquelas enormes imagens Retina sem diminuir a velocidade do WordPress.

Experimente o Smush Pro gratuitamente e veja quanta diferença isso pode fazer para o seu site.

Você usa carregamento lento em seu site? Isso ajudou a tornar seu site mais rápido? Conte-nos nos comentários abaixo.
Tag: