Lazy Load Butoane sociale cu Socialite.js

tastatură rapidă

Astăzi am avut o zi fantastică cu echipa web de pe Angie's List. Angie's List și-a dezvoltat site-ul într-o bibliotecă de resurse incredibilă ... și tot timpul au continuat să-și accelereze site-ul. Paginile lor se încarcă la viteză orbitoare. Dacă nu mă credeți, deschideți această pagină Uși de garaj.

Pagina încorporează imagini, videoclipuri și butoane sociale ... și încă se încarcă în milisecunde. A compara site-ul lor cu al meu este ca și cum ai concura cu un Prius cu un F-16. Nici ele nu au terminat încă, căutând întotdeauna modalități de a îmbunătăți experiența clienților și de a obține și a distribui conținutul.

Nu avem o echipă de dezvoltare cu normă întreagă și nici resursele unei companii publice, așa că progresul nostru este puțin mai lent decât Angie's List. Avem o gazdă incredibilă cu volant - folosind cache-ul și CDN-ul lor avansat, dar știm că există încă câteva lucruri care ne rănesc. De exemplu, imaginile noastre nu sunt optimizate. Există servicii care vă pot converti imaginile într-o fracțiune din dimensiunea lor, păstrându-le în același timp claritatea ... le privim.

În timp ce le arătam site-ul nostru, m-am încruntat și mi-am atârnat capul când pagina a înghețat la încărcarea unui buton social. Cred că a fost Facebook. Argh ... o secundă sau două mai târziu a apărut butonul și restul paginii încărcate. Ugh.

Când am descris problema, inginerul lor a avut imediat o soluție, socialite.js. Socialite oferă o modalitate foarte ușoară de a implementa și activa o multitudine de butoane de partajare socială - oricând doriți. La încărcarea documentelor, la trecerea articolului, la orice eveniment! Deoarece socialite încarcă butoanele în mod asincron, documentul nu se blochează în timp ce așteaptă 50kb de social media.

Din fericire, există deja un plugin WordPress care încorporează Socialite, numit WPSocialite. În seara asta am smuls tot codul meu personalizat pentru încărcarea butoanelor și am implementat WPSocialite. Am reușit să personalizez CSS și să modific butoanele dorite. Aștept cu nerăbdare să se adauge câteva butoane suplimentare în viitor - cum ar fi Buffer sau Reddit ... dar acest lucru este perfect pentru moment!

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.