Cum ne-am redus timpul de încărcare a paginii cu 10 secunde

Viteza și socialul nu par să funcționeze împreună atunci când vine vorba de un site excelent. Am migrat site-ul nostru către volant (link afiliat) și a îmbunătățit considerabil performanța și stabilitatea site-ului nostru. Însă proiectarea site-ului nostru - cu un subsol care ne-a promovat activitatea socială pe Facebook, Twitter, Youtube și pe Podcast - a încetinit site-ul nostru până la un crawl.

A fost rau. În timp ce o pagină grozavă se încarcă în 2 secunde sau mai puțin, site-ul nostru a durat peste 10 secunde până la finalizarea unei pagini. Problema nu a fost WordPress sau Flywheel, problema a fost toate elementele interactive pe care le-am încărcat din alte servicii ... Widget-uri Facebook și Twitter, imagini de previzualizare Youtube, aplicația noastră Podcast, pur și simplu nu am putut controla cât de încet au încărcat. Până acum.

Veți observa acum că paginile noastre se încarcă în aproximativ 2 secunde. Cum am făcut-o? Am adăugat o secțiune dinamică la subsolul nostru care se încarcă numai atunci când utilizatorul derulează până la acel punct. Derulați până la capătul paginii noastre într-un browser (nu mobil, aplicație sau tabletă) și veți vedea o imagine de încărcare care preia:

încărca

Folosind jQuery, nu încărcăm de fapt baza paginii până când cineva nu derulează acolo. Codul este de fapt destul de simplu:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). lungime <200) {$ ("# suplimentar"). load ('[calea completă a paginii de încărcat]');}}});

Odată ce utilizatorul derulează la baza paginii, jQuery go extrage conținutul paginii din calea specificată și le încarcă în div-ul pe care l-ați selectat.

În timp ce site-ul nu mai beneficiază de conținutul încărcat acolo (deoarece un motor de căutare nu îl accesează cu crawlere), suntem destul de siguri că viteza paginii ne va ajuta la clasare, partajare și implicare mult mai mult decât a avea pe cineva așteptați cu nerăbdare ca pagina noastră să se încarce extrem de lent. Cel mai bun din toate, pagina conține în continuare toate elementele pe care dorim să le interacționăm cu vizitatorii noștri ... fără a sacrifica viteza paginii.

Mai avem ceva de făcut ... dar ajungem acolo!

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.