Pagina inicial » Kit de ferramentas » Faça melhores imagens progressivas carregando com AntiModerate

    Faça melhores imagens progressivas carregando com AntiModerate

    O script AntiModerate pode não parecer muito. Mas é um dos melhores scripts JS que você pode executar para melhorar o desempenho em uma página maior e manter uma forte experiência do usuário.

    Com isso plugin livre, você pode carregar imagens quando elas aparecem em vista e reduza o tamanho total da sua página.

    Desta forma, toda a página pode carregar primeiro com pequenos espaços reservados para imagens. Então, os visitantes navegam naturalmente sem esperar que todos os recursos sejam carregados - sempre é uma coisa boa do ponto de vista do usuário!

    Veja como isso funciona: você adiciona o plug-in AntiModerate à sua página junto com o script StackBlur.js.

    AntiModerado puxa as dimensões da imagem e força todas as tags img em um tamanho fixo na página. Essas imagens pré-carregadas são enviadas por meio do StackBlur.js, o que reduz drasticamente o tamanho total do arquivo de visualização, carregando assim a página um pouco mais rapidamente.

    Quando essas imagens menores estiverem no lugar, o AntiModerate carregará as imagens em tamanho real no plano de fundo. Cada foto embaçada é então substituída pela foto normal assim que ela é baixada. Fácil!

    este economiza um monte de tempo esperando por imagens e ajuda sua página a carregar muito mais rápido. É um grande benefício para os usuários, pois eles podem começar a consumir o conteúdo mais rapidamente, e isso beneficia os rankings da SERP, já que o Google se preocupa muito com a velocidade da página..

    Você pode instalar a biblioteca diretamente com npm ou Bower, ou puxando o script através do GitHub.

    Isso requer apenas algumas linhas de JavaScript e certamente ajudará a melhorar as cargas de sua página. Dê uma olhada no repositório do GitHub e role até o guia de configuração para começar.

    Com apenas algumas linhas de código, o AntiModerate deve ser fácil de usar em qualquer página.

    Para não mencionar isso é executado em JavaScript puro por isso não requer quaisquer dependências como jQuery para começar a trabalhar.