Lata ladda sociala knappar med Socialite.js

hastighetstangentbord

Idag hade jag en fantastisk dag med webbteamet på Angies List. Angies List har utvecklat sin webbplats till ett otroligt resursbibliotek ... och hela tiden har de fortsatt att påskynda sin webbplats. Deras sidor laddas med bländande hastighet. Om du inte tror mig, dyker upp den här sidan på Garageportar.

Sidan innehåller bilder, video och sociala knappar ... och laddas fortfarande i millisekunder. Att jämföra deras webbplats med min är som att köra en Prius med en F-16. De är inte heller färdiga, och letar alltid efter sätt att förbättra kundupplevelsen och få innehållet att hittas och delas.

Vi har inte ett heltidsutvecklingsteam eller ett offentligt företags resurser, så våra framsteg är lite långsammare än Angies List. Vi har en otrolig värd med svänghjul - utnyttja deras avancerade cachning och CDN, men vi vet att det fortfarande är några saker som skadar oss. Till exempel är våra bilder inte optimerade. Det finns tjänster där ute som du kan konvertera dina bilder till en bråkdel av deras storlek samtidigt som du behåller deras tydlighet ... vi tittar på dem.

När jag visade dem vår webbplats, sänkte jag mig och hängde mitt huvud när sidan frös när jag laddade en social knapp. Jag tror att det var Facebook. Argh ... en sekund eller två senare dyker knappen upp och resten av sidan laddas. Usch.

När jag beskrev problemet hade deras ingenjör omedelbart en lösning, socialite.js. Socialite ger ett mycket enkelt sätt att implementera och aktivera en uppsjö av sociala delningsknappar - när som helst du vill. Vid dokumentladdning, på artikel-svävar, på alla händelser! Eftersom socialite laddar knapparna asynkront hänger dokumentet inte i väntan på 50 kb sociala medier.

Tack och lov finns det redan ett WordPress-plugin som innehåller Socialite, kallat WPSocialite. Ikväll rippade jag ut all min anpassade kod för att ladda upp knappar och implementerade WPSocialite. Jag kunde anpassa CSS och ändra de knappar jag ville ha. Jag ser fram emot att ytterligare knappar läggs till i framtiden - som Buffer eller Reddit ... men det här är perfekt för nu!

Vad tror du?

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.