Lijeno učitavanje društvenih gumba pomoću Socialite.js

brza tipkovnica

Danas sam imao fantastičan dan s web timom na Angie's Listu. Angie's List svoje je mjesto razvio u nevjerojatnu biblioteku resursa ... i sve vrijeme nastavili su ubrzavati svoju stranicu. Njihove se stranice učitavaju zasljepljujućom brzinom. Ako mi ne vjerujete, otvorite ovu stranicu na Garažna vrata.

Stranica sadrži slike, videozapise i gumbe za društvene mreže ... i dalje se učitava u milisekundama. Usporedba njihove stranice s mojom je poput utrke na Priusu s F-16. Ni oni još nisu gotovi, uvijek traže načine za poboljšanje korisničkog iskustva i pronalazak i dijeljenje sadržaja.

Nemamo stalni razvojni tim niti resurse javne tvrtke, tako da je naš napredak nešto sporiji od Angieinog popisa. Imamo nevjerojatnog domaćina s zamašnjak - koristeći njihovo napredno predmemoriranje i CDN, ali znamo da nas još uvijek neke stvari povrijeđuju. Na primjer, naše slike nisu optimizirane. Postoje usluge koje svoje slike mogu pretvoriti u djelić njihove veličine zadržavajući njihovu jasnoću ... gledamo ih.

Dok sam im pokazivao našu web stranicu, naježio sam se i objesio glavu dok se stranica zamrzavala nakon učitavanja društvenog gumba. Mislim da je to bio Facebook. Argh ... sekundu ili dvije kasnije pojavio se gumb i učitao se ostatak stranice. Uf.

Kad sam opisao problem, njihov je inženjer odmah dobio rješenje, socialite.js. Socialite nudi vrlo jednostavan način za implementaciju i aktiviranje mnoštva gumba za dijeljenje na društvenim mrežama - u bilo kojem trenutku. Prilikom učitavanja dokumenata, prelaska mišem iznad članka i bilo kojeg događaja! Budući da Socialite asinhrono učitava gumbe, dokument se neće objesiti dok čeka 50 kb društvenih mreža.

Srećom, već postoji dodatak za WordPress koji uključuje Socialite, tzv WPSdruštveni. Večeras sam istrgnuo sav svoj prilagođeni kôd za učitavanje gumba i implementirao WPSocialite. Uspio sam prilagoditi CSS i izmijeniti željene gumbe. Radujem se što će se u budućnosti dodati neki dodatni gumbi - poput Buffer ili Reddit ... ali ovo je za sada savršeno!

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.