Tinginys Įkelkite socialinius mygtukus su Socialite.js

greičio klaviatūra

Šiandien aš praleidau fantastišką dieną su „Angie's List“ interneto komanda. „Angie's List“ plėtojo savo svetainę į neįtikėtiną išteklių biblioteką ... ir visą laiką jie spartino savo svetainę. Jų puslapiai įkeliami akinančiu greičiu. Jei netikite manimi, atidarykite šį puslapį Garažo durys.

Puslapyje yra vaizdų, vaizdo įrašų ir socialinių tinklų mygtukai ... ir jis vis tiek įkeliamas milisekundėmis. Palyginti jų svetainę su mano yra kaip su „Prius“ lenktyniauti su F-16. Jie taip pat dar nepadaryti, visada ieško būdų, kaip pagerinti klientų patirtį ir rasti ir bendrinti turinį.

Mes neturime nei etatinio vystymo komandos, nei valstybinės įmonės išteklių, todėl mūsų pažanga yra šiek tiek lėtesnė nei „Angie's List“. Mes tikrai turime neįtikėtiną šeimininką smagratis - naudojant pažangią talpyklą ir CDN, bet mes žinome, kad vis dar yra keletas dalykų, kurie mus žaloja. Pavyzdžiui, mūsų vaizdai nėra optimizuoti. Yra paslaugų, kurias galite paversti vaizdais į jų dydžio dalį, išlaikydami jų aiškumą ... mes į juos žiūrime.

Kai rodžiau jiems mūsų svetainę, susigūžiau ir pakabinau galvą, kai puslapis sustingo įkėlus socialinį mygtuką. Manau, kad tai buvo „Facebook“. Argh ... po sekundės ar dviejų atsirado mygtukas ir likęs puslapis buvo įkeltas. Ugh.

Kai aprašiau problemą, jų inžinierius iškart turėjo sprendimą, socialite.js. „Socialite“ yra labai paprastas būdas įdiegti ir suaktyvinti daugybę socialinio bendrinimo mygtukų bet kuriuo metu. Įkeliant dokumentą, užvedus pelės žymeklį ant bet kurio įvykio! Kadangi socialinis tinklas mygtukus įkelia asinchroniškai, dokumentas nebus pakabintas laukiant 50 kb socialinės žiniasklaidos.

Laimei, jau yra „WordPress“ papildinys, kuriame yra „Socialite“, vadinamas WPSocialitas. Šiąnakt išplėšiau visą savo pritaikytą kodą mygtukams įkelti ir įdiegiau WPSocialite. Galėjau pritaikyti CSS ir modifikuoti norimus mygtukus. Tikiuosi, kad ateityje bus pridėti keli papildomi mygtukai, pvz., „Buferis“ arba „Reddit“ ... bet dabar tai puikiai tinka!

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.