Lazy Load para Blogger (Aumenta a velocidade do blog)

Recentemente eu fiz uma postagem sobre Plugin Lazy Load para imagens WordPress e agora vou mostrar como fazer o mesmo trabalho no Blogger que obviamente é sem plugin e sim com um Script jQuery.

Lazy Load é um plugin (Worpress) e um Script (Blogger) que é aumenta a velocidade de carregamento do blog usando um técnica simples, só carregar as imagens que estão visíveis ao leitor, ou seja, as imagens que estão no final da postagem não será carregada até que o leitor dessa a página para baixo.

jquery

Essa técnica funciona muito bem pois o tempo que levaria para carregar essas imagens que não estão visíveis para o leitor, com o tempo economizado outros elementos do blog são carregados, aumentando a velocidade do carregando.

Colocando no seu Blog

Antes de fazer qualquer alteração no seu blog é bom fazer um backup completo dele caso você faça algo errado.  Não sabe como fazer um backup no Blogger? Veja:

[unordered_list style=”bullet”]

[/unordered_list]

Entre no painel do seu Blogger e do lado esquerdo clique em “Modelo

897

Agora clique no botão “Editar HTML”  para acessar o código fonte do blogger.

987

Aperte “Ctrl +F” e pesquise por: </head>

ACIMA desse código que você encontrou, cole o script do Lazy Load que está abaixo

Vai ficar assim você encontra o </head> e ACIMA (onde é a seta na imagem)  cola o código do Lazy Load e depois clique em “Salvar modelo

897654

Pronto! Agora entre em alguma postagem do seu blog cheio de imagens e você verá as imagens aparecer conforme você for baixando a tela.

Relacionados:

Ainda não há comentários.