Os melhores plugins de carregamento lento para WordPres

Imagens, infográficos e efeitos especiais são excelentes meios para promover qualquer tipo de conteúdo em um site. Eles são muito atraentes e podem transmitir a essência do conteúdo em um único quadro. Não é à toa que contamos com imagens para chamar a atenção do leitor e aprimorar o envolvimento do usuário na internet.


Por outro lado, as imagens geralmente levam tempo para carregar em uma página da web. E se você estiver com conexão lenta, pode parecer que leva uma eternidade para carregar. Esse pode ser um grande problema para os usuários, que provavelmente se afastarão da página.

Aviso Legal: O WPExplorer é afiliado de um ou mais produtos listados abaixo. Se você clicar em um link e concluir uma compra, poderemos fazer uma comissão.

Como podemos fazer com que páginas pesadas de imagens sejam carregadas mais rapidamente?

Por que as imagens demoram para carregar? Bem, podemos explicar assim – uma página da Web é composta de muitos elementos – texto, imagens, mídia, script e muito mais. Para que cada elemento seja carregado, seu navegador faz uma solicitação ao site (chamada de solicitação HTTP). Muitos dos elementos, especialmente imagens, possuem muitos bytes e levam tempo para carregar. Normalmente, todos os elementos tentam carregar ao mesmo tempo e isso atrasa o carregamento de toda a página da web..

O lógico é fazer com que o conteúdo de carregamento rápido apareça no navegador primeiro e prenda a atenção do espectador. Ao mesmo tempo, adie o carregamento das imagens pesadas de dados. Essa abordagem provavelmente convencerá os usuários a esperar, pois há algo na tela para prender sua atenção.

O que é carregamento lento?

Podemos atrasar as imagens usando a técnica de carregamento lento – carregue primeiro apenas o texto ou o conteúdo selecionado e permita que imagens ou elementos de carregamento lento fiquem atrasados. O carregamento das imagens é escalonado, melhorando o tempo para o primeiro byte da página. À medida que o usuário rola para baixo, as imagens são buscadas uma de cada vez. Conseqüentemente, o número de solicitações HTTP que atingem o servidor ao mesmo tempo é reduzido.

As imagens são colocadas em um espaço reservado para serem carregadas mais tarde. À medida que as imagens atingem a área de visualização, elas são buscadas no servidor. Eles aparecem na tela enquanto se movem para a área “acima da dobra”. No caso de rolagem infinita, o ajax é usado para carregar mais quando o usuário atinge a parte inferior da tela.

Como o carregamento lento pode ajudar

O carregamento lento reduz o tempo de carregamento. Um site mais rápido é bom para a experiência do usuário e os mecanismos de pesquisa. Também reduz a largura de banda do servidor, apenas carregando imagens quando elas são realmente necessárias. Isso economiza largura de banda, tanto no final do servidor quanto no final do usuário. Você pode aplicar carregamento lento em páginas selecionadas ou em todo o site.

Uma desvantagem com carregamento lento é que o conteúdo que vem depois da dobra pode não ser encontrado pelos mecanismos de pesquisa. Os mecanismos de pesquisa podem não reconhecer conteúdo de rolagem infinito. Para superar essa desvantagem, pelo menos em parte, precisamos estruturar os URLs para que possam ser processados ​​pelos mecanismos de pesquisa. Isso pode tornar os espaços reservados mais visíveis para os mecanismos de pesquisa até que a imagem seja carregada.

Existem vários plugins que podem ser carregados com preguiça para funcionar no seu site WordPress. Vamos ver alguns dos plugins populares,

BJ Lazy Load

Para substituir todas ou algumas de suas imagens de postagem, miniaturas de postagem, imagens de gravatar e iframes de conteúdo por um espaço reservado, use BJ Lazy Load. Ele também pode substituir iframes, e isso significa que você pode carregar preguiçosamente vídeos incorporados do YouTube e Vimeo. Também funciona para widgets de texto. Usando um filtro simples, as imagens e iframes no seu tema podem ser atrasados.

bj-preguiçoso-load

Para que o plugin funcione no seu site, basta baixar, instalar e ativar. Você pode visitar as configurações e descobrir quais elementos devem ser adiados durante o carregamento. Adicione sua própria imagem de espaço reservado, se desejar.

Este plugin usa JavaScript. Como resultado, um visitante sem JavaScript verá os elementos originais sem nenhum atraso no carregamento.

Carga preguiçosa

Um plug-in comumente usado para adicionar carregamento lento a sites do WordPress, Carga preguiçosa é um plugin simples de instalação e ativação. Você pode experimentá-lo com confiança, sabendo que ele é desenvolvido usando uma combinação de código da equipe VIP do WordPress.com na Automattic, da equipe de redesign do TechCrunch 2011 e de Jake Goldman (10up LLC).

carga preguiçosa

Além disso, você não precisa fazer mais nada após a ativação. No entanto, se você deseja fazer algumas alterações, pode fazê-lo editando o arquivo php. Os autores forneceram alguns trechos de código úteis aos quais você pode consultar para alterar a imagem do espaço reservado, carregar imagens preguiçosamente em seu tema ou carregar todas as imagens preguiçosamente pelo buffer de saída.

Ajax Carregar Mais – Rolagem Infinita

Ajax Carregar mais está apto a atrasar o carregamento em longas páginas da web que são visualizadas rolando para baixo. Use-o para carregamento lento de posts, tipos personalizados de posts, posts únicos, páginas e comentários.

ajax-load-more

Além disso, você pode usar o Shortcode Builder para enquadrar consultas personalizadas do WordPress. Adicione o código abreviado que é gerado às páginas selecionadas por meio do editor de conteúdo ou diretamente aos arquivos de modelo. Veja a página no front-end e marque Ajax Load More carregando o conteúdo, mesmo enquanto você rola para baixo.

Além disso, o Ajax Load More funciona bem com WooCommerce e Easy Digital Downloads, por isso é adequado para páginas de produtos longas.

Lazy Load para vídeos

Se você está executando um site com vários vídeos incorporados, este é para você. Lazy Load para vídeos substitui seus vídeos incorporados por uma imagem clicável. A página da web não carrega vídeos assim que um visitante solicita a página. Os vídeos são carregados somente quando a imagem é clicada.

carregamento lento para vídeos

O plug-in inspeciona vídeos incorporados e substitui todos os arquivos externos por uma imagem estática e um botão de reprodução. Os vídeos são carregados apenas quando um visitante clica no botão. Isso pode ter um impacto real na velocidade de carregamento da página, especialmente se houver muitos vídeos. E para o usuário, é uma experiência tranquila.

a3 Carga preguiçosa

Com os sites sendo cada vez mais visualizados em dispositivos portáteis, eles também precisam ser otimizados para uma experiência móvel. a3 Carga preguiçosa foi desenvolvido para melhorar a velocidade do site em celulares atrasando o carregamento dos elementos da página selecionados. Os elementos podem ser selecionados nas configurações de administrador.

carga a3-preguiçosa

O plug-in oferece suporte para conteúdo em iframes colocados em qualquer lugar no conteúdo ou nos widgets. Mídia incorporada WordPress, caixas de perfis do Facebook com perfis, botões Curtir, botões Recomendar, perfis do Google+, Google Maps e outros conteúdos similares podem ser selecionados para carregamento lento.

Além disso, não há conflito com o AMP (Accelerated Mobile Pages) – a carga lenta não é aplicada ao / amp ponto final. Somente quando o navegador exibe uma URL sem / amp essa carga preguiçosa entra em jogo.

WP YouTube Lyte

Se o seu site se baseia fortemente no YouTube, WP YouTube Lyte pode beneficiá-lo bastante. Ele insere “Lite YouTube Incorporações”, que parecem semelhantes às do YouTube. Mas os vídeos são necessários apenas quando clicados.

wp-youtube-lyte

Para que este plug-in funcione em seu site, é necessário um registro no YouTube como novo candidato. O plug-in usa a API do YouTube de cada vídeo para buscá-lo no repositório do YouTube. Para usar essa API no seu site, a chave da API fornecida a você pelo YouTube deve estar ativada. A chave do servidor que você recebe do YouTube precisa ser preenchida.

Depois de ativar as chaves da API do YouTube, ajuste as configurações para obter as dimensões e a posição do player ao seu gosto.

Carregando página com tela de carregamento

Com Carregando página com tela de carregamento, os usuários podem ter uma idéia do tempo de espera antes do carregamento da página. O plug-in exibe uma tela mostrando o progresso do carregamento como uma porcentagem de conclusão.

página de carregamento com tela de carregamento

Escolha exibir o progresso apenas na página inicial ou em todas as páginas. Com a versão gratuita, apenas uma barra de progresso é usada para exibição. Para mais opções, você precisará atualizar para a versão premium. Além disso, a versão premium aplica carregamento lento às imagens.

Mais alguns plugins,

  • Carregar mais é um recurso útil em páginas longas de produtos. Estes são comumente encontrados em sites WooCommerce. Rolagem infinita do WooCommerce e paginação Ajax converte a paginação padrão do produto em rolagem infinita ou paginação Ajax. Para o usuário, isso significa que eles não precisam clicar repetidamente em “Próxima página”. Quando um usuário atinge a parte inferior da página, o próximo conjunto de produtos é recuperado e carregado automaticamente. Diferentes opções de paginação estão disponíveis para dispositivos móveis.
  •  Carregar mais produtos para WooCommerce pode ser adicionado para carregar mais produtos da próxima página usando o Ajax com rolagem infinita ou um botão Carregar mais. Para efeitos de animação e personalização, uma versão pro está disponível.
  • Imagens Lazyload e Slideshow – Com este plug-in, você pode optar por adicionar um efeito de caixa de luz ou um efeito de galeria personalizado a qualquer imagem, além de atrasar o carregamento. Ele vem com 3 efeitos, e você pode adicionar os seus também.
  • Carga preguiçosa de foguete – É extremamente leve (menos de 2kb). Ele injeta um pouco de Javascript no cabeçalho do seu site, que funciona em miniaturas, todas as imagens em uma postagem, em um texto de widget ou avatares. Atrasa as imagens em todo o site sem usar nenhuma biblioteca JavaScript como o jQuery.
  • Crazy Lazy – Faz o mesmo trabalho enquanto é leve, fácil de instalar e usar e não precisa de configuração. Qualquer imagem pode ser excluída simplesmente adicionando um atributo à imagem.
  • Lazy Load XT – É um plugin rápido que funciona para imagens, molduras, vídeos do YouTube e Vimeo. É totalmente personalizável.

Muitos controles deslizantes como Royal Slider Carrossel elétrico WP também incorporam o princípio de carregamento lento para carregar imagens. Event Booking Pro suporta um calendário de carregamento lento.

Em conclusão

O carregamento lento é uma maneira eficaz de melhorar a velocidade do site, especialmente em sites que exibem várias imagens e vídeos. Existem muitos outros métodos, como otimização de imagem e cache, que também podem ajudar a melhorar a velocidade do site. Escolha o plug-in adequado para o seu site e otimize o desempenho para torná-lo uma experiência melhor para o usuário.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map