Lazy Indlæser sociale knapper med Socialite.js

hastighedstastatur

I dag havde jeg en fantastisk dag med webholdet på Angie's List. Angies liste har udviklet deres websted til et utroligt ressourcebibliotek ... og alt imens de har fortsat fremskynde deres websted. Deres sider indlæses med blindehastighed. Hvis du ikke tror mig, pop op denne side Garageporte.

Siden indeholder billeder, video og sociale knapper ... og indlæses stadig i millisekunder. At sammenligne deres websted med mit er som at køre en Prius med en F-16. De er heller ikke færdige endnu, og de leder altid efter måder at forbedre kundeoplevelsen og få indholdet fundet og delt.

Vi har ikke et fuldtidsudviklingsteam eller ressourcer i et offentligt selskab, så vores fremgang er lidt langsommere end Angies liste. Vi har en utrolig vært hos Svinghjul - ved hjælp af deres avancerede caching og CDN, men vi ved, at der stadig er nogle ting, der skader os. For eksempel er vores billeder ikke optimeret. Der er tjenester derude, som du kan konvertere dine billeder til en brøkdel af deres størrelse og samtidig bevare deres klarhed ... vi ser på dem.

Da jeg viste dem vores side, krøb jeg mig sammen og hængte hovedet, da siden frøs, da jeg havde lagt en social knap. Jeg tror, ​​det var Facebook. Argh ... et sekund eller to senere dukkede knappen op, og resten af ​​siden blev indlæst. Ugh.

Da jeg beskrev problemet, havde deres ingeniør straks en løsning, socialite.js. Socialite giver en meget let måde at implementere og aktivere et væld af sociale delingsknapper - når som helst du ønsker det. Ved dokumentindlæsning, på artikelsporing, på enhver begivenhed! Da socialite indlæser knapperne asynkront, hænger dokumentet ikke, mens du venter på 50 kb sociale medier.

Heldigvis er der allerede et WordPress -plugin, der indeholder Socialite, kaldet WPSocialite. I aften flåede jeg ud al min tilpassede kode til indlæsning af knapper og implementerede WPSocialite. Jeg var i stand til at tilpasse CSS og ændre de knapper, jeg ønskede. Jeg glæder mig til, at der vil blive tilføjet nogle ekstra knapper i fremtiden - som f.eks. Buffer eller Reddit ... men det er perfekt for nu!

Hvad mener du?

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