Lazy Load Social Buttons z Socialite.js

hitro tipkovnico

Danes sem imel čudovit dan s spletno ekipo na Angie's List. Angie's List razvija svoje spletno mesto v neverjetno knjižnico virov ... in ves čas so še naprej pospeševali svoje spletno mesto. Njihove strani se nalagajo z neverjetno hitrostjo. Če mi ne verjamete, odprite to stran Garažna vrata.

Stran vsebuje slike, video in družabne gumbe ... in se še vedno naloži v milisekundah. Primerjava njihovega spletnega mesta z mojim je kot dirkanje po Priusu s F-16. Tudi še niso končali, vedno iščejo načine za izboljšanje izkušnje strank ter pridobivanje in skupno rabo vsebine.

Nimamo razvojne ekipe za polni delovni čas niti sredstev javnega podjetja, zato je naš napredek nekoliko počasnejši od Angie's List. Z nami je neverjeten gostitelj vztrajnik - z uporabo naprednega predpomnjenja in CDN -ja, vendar vemo, da nas še vedno nekaj boli. Na primer, naše slike niso optimizirane. Obstajajo storitve, ki jih lahko pretvorite v delček njihove velikosti, hkrati pa ohranite njihovo jasnost ... gledamo jih.

Ko sem jim razkazoval naše spletno mesto, sem se stisnil in obesil glavo, ko je stran zamrznila ob nalaganju gumba za družabno omrežje. Mislim, da je bil Facebook. Argh ... sekundo ali dve kasneje se je pojavil gumb in naložil se je preostali del strani. Uf.

Ko sem opisal težavo, je njihov inženir takoj našel rešitev, socialite.js. Socialite ponuja zelo enostaven način za izvajanje in aktiviranje številnih gumbov za skupno rabo v družabnih omrežjih - kadar koli želite. Pri nalaganju dokumentov, pri miško, pri katerem koli dogodku! Ker družabnik nalaga gumbe asinhrono, dokument ne bo visel, medtem ko čaka na 50 KB družabnih medijev.

Na srečo že obstaja vtičnik WordPress, ki vključuje Socialite, imenovano WPSsocialite. Nocoj sem iztrgal vso svojo prilagojeno kodo za nalaganje gumbov in uvedel WPSocialite. Uspelo mi je prilagoditi CSS in spremeniti želene gumbe. Veselim se, da bo v prihodnje dodanih nekaj dodatnih gumbov - na primer Buffer ali Reddit ... vendar je to zaenkrat popolno!

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.