Como cortamos o tempo de carga da páxina 10 segundos

A velocidade e o social non parecen funcionar xuntos cando se trata dun sitio web estupendo. Migramos o noso sitio a péndulo (ligazón de afiliado) e mellorou enormemente o rendemento e a estabilidade do noso sitio. Pero o deseño do noso sitio, cun pé de páxina que promoveu a nosa actividade social en Facebook, Twitter, Youtube e no noso Podcast, ralentizou o noso sitio ata un rastrexo.

Foi malo. Aínda que unha páxina xenial se carga en 2 segundos ou menos, o noso sitio tardou máis de 10 segundos en completarse unha páxina. O problema non era WordPress nin Flywheel, o problema eran todos os elementos interactivos que cargamos doutros servizos ... Widgets de Facebook e Twitter, imaxes de previsualización de Youtube, a nosa aplicación Podcast, simplemente non puiden controlar o lento que cargaron. Ata agora.

Notarás agora que as nosas páxinas cargan en aproximadamente 2 segundos. Como o fixemos? Engadimos unha sección dinámica ao noso pé de páxina que só se carga cando o usuario se despraza ata ese punto. Desprázate ata a parte inferior da nosa páxina nun navegador (non móbil, aplicación ou tableta) e verás como se carga unha imaxe de carga:

cargar

Usando jQuery, non cargamos a base da páxina ata que alguén se despraza alí. O código é realmente sinxelo:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# supplementary"). load ('[camiño completo da páxina para cargar]');}}});

Unha vez que o usuario se despraza á base da páxina, jQuery go extrae o contido da páxina do camiño especificado e cárgaos dentro do div que seleccionou.

Aínda que o sitio xa non se beneficia do contido alí cargado (porque un motor de busca non o rastrexa), estamos bastante seguros de que a velocidade da páxina axudará moito máis á nosa clasificación, compartición e participación que ter a alguén agarde impacientemente a que a nosa páxina se cargue de xeito extremadamente lento. O mellor de todo é que a páxina aínda ten todos os elementos que queremos relacionar cos nosos visitantes ... sen sacrificar a velocidade da páxina.

Aínda temos traballo por facer ... pero estamos chegando.

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.