Wordpress

WordPress lento? Aumente a velocidade com Lazy Load Images

Seu site está muito lento? Aumente a velocidade de carregamento de suas páginas utilizando Lazy Load nas .

Aumente a velocidade do WordPress utilizando carregamento assíncrono de imagens, reduzindo o tempo de carregamento de páginas com uma grande quantidade de imagens.

O que é Lazy Load Images?

Lazy Load Images é uma técnica utilizada para o carregamento tardio das imagens de uma página.

As imagens normalmente compõe a maior parte do tamanho final de uma página.

Utilizando o Lazy Load, as imagens serão carregas apenas quando os visitantes da página estiverem com elas na tela, dessa forma o tamanho total da página e o seu tempo de carregamento será reduzido em situações aonde a página não é visualizada totalmente.

Exemplo Lazy Load

Habilitando no WordPress

A forma mais fácil de utilizar essa técnica de no WordPress é por meio de um .

Existe varias opções, eu recomendo:

BJ Lazy Load

Acesse https://br.wordpress.org/plugins/bj-lazy-load/ para baixar o plugin.

Instalação

  • Faça o download e descompacte o plugin
  • Faça o upload do diretório ‘bj-lazy-load' para ‘/wp-content/plugins/' na sua instalação WordPress
  • Ative o plugin no menu ‘Plugins' do seu WordPress.

Ou instale pelo diretório de Plugins do WordPress, buscando por “BJ Lazy Load”.

Este Plugin é compatível com e plugin RICG Responsive Images.

Plugin irá funcionar tanto para imagens, como também iframes, contendo videos ou widgets.

Uma vez ativo o plugin ja irá funcionar, não esqueça de atualizar o Full Page (caso exista) em Plugins como W3 Total Cache.

Para Programadores

Caso você tenha implementado algumas imagens manualmente nos arquivos do template, utilize o código a seguir para que o plugin funcione.

';
$img_html = apply_filters( 'bj_lazy_load_html', $img_html );
echo $img_html;
?>

 

Post Recentes

Por que devo sempre manter o Magento 2 atualizado?

Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…

1 mês atrás

Adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2

Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…

1 mês atrás

Exibir mensagens erro/sucesso da Classe: Magento\Framework\Message\ManagerInterface

Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…

1 mês atrás

Exportar as categorias do Magento 2 em um XML

Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…

3 meses atrás

Colocar um video como Background utilizando HTML + CSS

Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…

4 meses atrás

Desativar o “lastname” no Magento 2

Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…

4 meses atrás