Lijeno učitavanje socijalnih gumba pomoću Socialite.js

brza tastatura

Danas sam imao fantastičan dan s web timom na Angie's Listu. Angie's List je svoju web stranicu 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 Garažna vrata.

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

Nemamo stalni razvojni tim niti resurse javnog preduzeća, pa je naš napredak nešto sporiji od Angie's List-a. Imamo nevjerojatnog domaćina zamašnjak - koristeći njihovo napredno predmemoriranje i CDN, ali znamo da nas još uvijek neke stvari bole. Na primjer, naše slike nisu optimizirane. Postoje usluge koje vaše 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 dugmeta. 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 inženjer je odmah dobio rješenje, socialite.js. Socialite nudi vrlo jednostavan način za implementaciju i aktiviranje mnoštva dugmadi za dijeljenje na društvenim mrežama - u bilo kojem trenutku. Prilikom učitavanja dokumenata, prelaska kursorom članka, bilo kojeg događaja! Budući da Socialite asinhrono učitava tipke, dokument se neće objesiti dok čeka 50 kb društvenih mreža.

Srećom, već postoji WordPress dodatak koji uključuje Socialite, tzv WPSocialite. Večeras sam istrgnuo sav svoj prilagođeni kôd za učitavanje gumba i implementirao WPSocialite. Uspio sam prilagoditi CSS i modificirati tipke koje sam želio. Radujem se dodavanju nekih dodatnih dugmadi - poput Buffer ili Reddit ... ali ovo je za sada savršeno!

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.