Lazy Load Social Buttons med Socialite.js

hastighetstastatur

I dag hadde jeg en fantastisk dag med web-teamet på Angie's List. Angie's List har utviklet nettstedet deres til et utrolig ressursbibliotek ... og hele tiden har de fortsatt å øke hastigheten på nettstedet. Sidene deres lastes inn med blendende hastighet. Hvis du ikke tror meg, dukker du opp denne siden på Garasjeporter.

Siden inneholder bilder, video og sosiale knapper ... og lastes fortsatt i millisekunder. Å sammenligne nettstedet deres til meg er som å kjøre en Prius med en F-16. De er ikke ferdige ennå, heller, og leter alltid etter måter å forbedre kundeopplevelsen og få innholdet funnet og delt.

Vi har ikke et heltidsutviklingsteam eller ressursene til et offentlig selskap, så fremgangen vår er litt tregere enn Angies List. Vi har en utrolig vert med flywheel - ved hjelp av avansert caching og CDN, men vi vet at det fortsatt er noen ting som skader oss. Bildene våre er for eksempel ikke optimalisert. Det finnes tjenester der ute som du kan konvertere bildene dine til en brøkdel av størrelsen mens du opprettholder klarheten ... vi ser på dem.

Da jeg viste dem nettstedet vårt, krøllet jeg sammen og hengte hodet da siden frøs da jeg lastet inn en sosial knapp. Jeg tror det var Facebook. Argh ... et sekund eller to senere dukket knappen opp og resten av siden lastet inn. Ugh.

Da jeg beskrev problemet hadde ingeniøren deres umiddelbart en løsning, socialite.js. Socialite gir en veldig enkel måte å implementere og aktivere en mengde sosiale delingsknapper - når som helst du ønsker det. Ved dokumentinnlasting, på artikkelen, på ethvert arrangement! Siden socialite laster inn knappene asynkront, vil ikke dokumentet henge mens du venter på 50 kb sosiale medier.

Heldigvis er det allerede et WordPress-plugin som inneholder Socialite, kalt WPSosialite. I kveld dratt jeg ut all min tilpassede kode for å laste opp knapper og implementerte WPSocialite. Jeg var i stand til å tilpasse CSS og endre knappene jeg ønsket. Jeg gleder meg til at noen ekstra knapper blir lagt til i fremtiden - som Buffer eller Reddit ... men dette er perfekt for nå!

Hva tror du?

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.