Kuidas me oma lehe laadimisaega 10 sekundi võrra lühendame

Kiirus ja sotsiaalne suhtumine lihtsalt ei tundu suurepärase veebisaidi puhul koos töötavat. Kolisime oma saidi üle hooratas (sidusettevõte link) ja see parandas oluliselt meie saidi toimivust ja stabiilsust. Kuid meie saidi kujundus - rasva jalaga, mis edendas meie sotsiaalset tegevust Facebookis, Twitteris, Youtube'is ja meie Podcastis - aeglustas meie saidi indekseerimist.

See oli halb. Kuigi suurepärane leht laaditakse 2 sekundi või vähem, kulus meie saidil lehe valmimiseks üle 10 sekundi. Probleem ei olnud WordPress ega Flywheel, probleemiks olid kõik interaktiivsed elemendid, mille laadisime teistest teenustest ... Facebooki ja Twitteri vidinad, Youtube'i eelvaate pildid, meie Podcasti rakendus, ma lihtsalt ei suutnud kontrollida, kui aeglaselt need laaditi. Kuni praeguseni.

Nüüd märkate, et meie lehed laaditakse umbes 2 sekundi pärast. Kuidas me seda tegime? Lisasime oma jalusesse dünaamilise jaotise, mis laaditakse ainult siis, kui kasutaja kerib kuni selle punktini. Kerige brauseris (mitte mobiilseadmes, rakenduses või tahvelarvutis) meie lehe lõpuni ja näete, et laadimispilt võtab üle:

koormus

JQuery abil ei laadita me lehe alust tegelikult enne, kui keegi seal kerib. Kood on tegelikult üsna lihtne:

$ (aken) .scroll (funktsioon () {if (jQuery (dokument) .height () == jQuery (aken) .scrollTop () + jQuery (aken) .height ()) {if ($ ("# placetoload" ) .text (). pikkus <200) {$ ("# täiendav"). load ('[lehe täielik laadimise tee]');}}});

Kui kasutaja on kerinud lehe alusse, võtab jQuery go välja määratud tee lehe sisu ja laadib need teie valitud div-i.

Kuigi sait ei saa enam sinna laaditud sisust kasu (kuna otsingumootor seda ei indekseeri), oleme üsna kindlad, et lehe kiirus aitab meie asetust, jagamist ja seotust palju rohkem kui kellegi omamine ootame kannatamatult, kuni meie leht laaditakse piinavalt aeglaselt. Kõige parem on see, et lehel on endiselt kõik elemendid, mida soovime oma külastajatega suhelda ... ilma lehe kiirust ohverdamata.

Meil on veel tööd teha ... aga me jõuame sinna!

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.