Como reduzimos o tempo de carregamento da nossa página em 10 segundos

Velocidade e social simplesmente não parecem funcionar juntas quando se trata de um ótimo site. Migramos nosso site para Pêndulo (link de afiliado) e melhorou muito o desempenho e a estabilidade do nosso site. Mas o design do nosso site - com um rodapé grosso que promoveu nossa atividade social no Facebook, Twitter, Youtube e em nosso Podcast - tornou nosso site um rastreamento lento.

Foi ruim. Enquanto uma ótima página carrega em 2 segundos ou menos, nosso site estava demorando mais de 10 segundos para uma página ser concluída. O problema não era WordPress ou Flywheel, o problema eram todos os elementos interativos que carregamos de outros serviços ... Widgets do Facebook e Twitter, imagens de visualização do Youtube, nosso aplicativo de podcast, eu simplesmente não conseguia controlar a velocidade de carregamento. Até agora.

Você notará agora que nossas páginas carregam em cerca de 2 segundos. Como fizemos isso? Adicionamos uma seção dinâmica ao nosso rodapé que só carrega quando o usuário rola todo o caminho até aquele ponto. Role até a parte inferior de nossa página em um navegador (não móvel, aplicativo ou tablet) e você verá uma imagem de carregamento assumir o controle:

carregar

Utilizando jQuery, não carregamos realmente a base da página até que alguém role até lá. O código é bastante simples:

$ (janela) .scroll (função () {if (jQuery (documento) .height () == jQuery (janela) .scrollTop () + jQuery (janela) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# suplementar"). load ('[caminho completo da página para carregar]');}}});

Depois que o usuário rola para a base da página, jQuery go extrai o conteúdo da página do caminho especificado e os carrega dentro do div que você selecionou.

Embora o site não se beneficie mais do conteúdo que é carregado nele (porque um mecanismo de pesquisa não o está rastreando), estamos bastante confiantes de que a velocidade da página ajudará em nossa classificação, compartilhamento e engajamento muito mais do que ter alguém Espere impacientemente que nossa página carregue terrivelmente lento. O melhor de tudo é que a página ainda contém todos os elementos que desejamos envolver com nossos visitantes ... sem sacrificar a velocidade da página.

Ainda temos muito trabalho a fazer ... mas estamos chegando lá!

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.