Lazy Indlæser sociale knapper med Socialite.js

hastighedstastatur

I dag havde jeg en fantastisk dag med webteamet på Angie's List. Angies liste har udviklet deres side til et utroligt ressourcebibliotek ... og hele tiden har de fortsat med at fremskynde deres websted. Deres sider indlæses med blændende hastighed. Hvis du ikke tror på mig, skal du åbne denne side Garageporte.

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

Vi har ikke et fuldtidsudviklingsteam eller en offentlig virksomheds ressourcer, så vores fremskridt er lidt langsommere end Angies liste. Vi har en utrolig vært med 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, mens du opretholder 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 nem måde at implementere og aktivere en overflod af knapper til social deling - når som helst du ønsker det. Ved dokumentindlæsning, på artikel-svævning, på enhver begivenhed! Da socialite indlæser knapperne asynkront, hænger dokumentet ikke, mens de venter på 50 kb sociale medier.

Heldigvis er der allerede et WordPress-plugin, der inkorporerer Socialite, kaldet WPSocialite. I aften rev jeg al min tilpassede kode ud for at indlæse knapper og implementerede WPSocialite. Jeg var i stand til at tilpasse CSS og ændre de knapper, jeg ønskede. Jeg ser frem til at tilføje nogle ekstra knapper i fremtiden - som Buffer eller Reddit ... men dette er perfekt til nu!

Hvad mener du?

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