Hvordan vi reducerer vores sidelastningstid med 10 sekunder

Hastighed og socialt ser ikke ud til at arbejde sammen, når det kommer til et godt websted. Vi migrerede vores side til Svinghjul (tilknyttet link), og det forbedrede ydeevnen og stabiliteten på vores site kraftigt. Men vores webstedsdesign - med en fed fodfod, der promoverede vores sociale aktivitet på Facebook, Twitter, Youtube og på vores Podcast - bremsede vores site ned til en gennemgang.

Det var dårligt. Mens en fantastisk side indlæses på 2 sekunder eller mindre, tog vores websted mere end 10 sekunder, før en side var færdig. Problemet var ikke WordPress eller svinghjul, problemet var alle de interaktive elementer, som vi indlæste fra andre tjenester ... Facebook- og Twitter-widgets, Youtube-preview-billeder, vores Podcast-applikation, jeg kunne simpelthen ikke kontrollere, hvor langsom de blev indlæst. Indtil nu.

Du bemærker nu, at vores sider indlæses på cirka 2 sekunder. Hvordan gjorde vi det? Vi tilføjede et dynamisk afsnit til vores sidefod, der kun indlæses, når brugeren ruller helt til det punkt. Rul hele vejen til bunden af ​​vores side i en browser (ikke mobil, app eller tablet), og du vil se et indlæsningsbillede overtage:

belastning

Ved hjælp af jQuery indlæser vi faktisk ikke bunden af ​​siden, før nogen ruller derhen. Koden er faktisk ret enkel:

$ (vindue) .scroll (funktion () {hvis (jQuery (dokument) .højde () == jQuery (vindue). scrollTop () + jQuery (vindue). højde ()) {hvis ($ ("# placetoload" ) .text (). længde <200) {$ ("# supplerende"). belastning ('[fuld sti til side, der skal indlæses]');}}});

Når brugeren ruller til bunden af ​​siden, udpakker jQuery go sideindholdet i den angivne sti og indlæser dem i den div, du valgte.

Mens webstedet ikke længere drager fordel af det indhold, der er indlæst der (fordi en søgemaskine ikke gennemsøger det), er vi ret sikre på, at sidens hastighed vil hjælpe vores placering, deling og engagement meget mere end at have nogen vent utålmodigt på, at vores side indlæses uhyggeligt langsomt. Bedst af alt, siden har stadig alle de elementer, vi ønsker at engagere os med vores besøgende ... uden at ofre sidehastighed.

Vi har stadig noget arbejde at gøre ... men vi kommer derhen!

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.