Com reduïm el temps de càrrega de la pàgina en 10 segons

La velocitat i el social no semblen funcionar junts quan es tracta d’un lloc web fantàstic. Hem migrat el nostre lloc a volant (enllaç d’afiliació) i va millorar enormement el rendiment i l’estabilitat del nostre lloc. Però el disseny del nostre lloc, amb un peu de pàgina que va promoure la nostra activitat social a Facebook, Twitter, Youtube i al nostre Podcast, va frenar el nostre lloc fins a un rastreig.

Va ser dolent. Tot i que una pàgina fantàstica es carrega en 2 segons o menys, el nostre lloc trigava més de 10 segons a completar-se. El problema no era WordPress ni Flywheel, el problema eren tots els elements interactius que vam carregar des d’altres serveis ... Ginys de Facebook i Twitter, imatges de previsualització de Youtube, la nostra aplicació Podcast, simplement no podia controlar la lentitud de la càrrega. Fins ara.

Notareu ara que les nostres pàgines es carreguen en uns 2 segons. Com ho hem fet? Hem afegit una secció dinàmica al peu de pàgina que només es carrega quan l’usuari es desplaça fins a aquest punt. Desplaceu-vos fins a la part inferior de la nostra pàgina en un navegador (no per a mòbils, aplicacions o tauletes) i veureu que s’apropia una imatge de càrrega:

càrrega

Utilitzant jQuery, no carreguem la base de la pàgina fins que algú no hi vagi. El codi és realment bastant senzill:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# supplementary"). load ('[camí complet de la pàgina a carregar]');}}});

Un cop l'usuari es desplaça a la base de la pàgina, jQuery go extreu el contingut de la pàgina del camí especificat i els carrega dins del div que heu seleccionat.

Tot i que el lloc ja no es beneficia del contingut que s’hi carrega (perquè un motor de cerca no ho rastreja), confiem que la velocitat de la pàgina ajudarà molt més a la nostra classificació, compartició i interacció que tenir algú espereu amb impaciència que la nostra pàgina es carregui de manera extremadament lenta. El millor de tot és que la pàgina conté tots els elements que volem interaccionar amb els nostres visitants ... sense sacrificar la velocitat de la pàgina.

Encara ens queda feina per fer ... però hi arribem!

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.