Lazy Load Mga Social Buttons nga adunay Socialite.js

tulin nga keyboard

Karon adunay ako us aka maayo nga adlaw kauban ang web team sa Angie's List. Ang Lista ni Angie nagpalambo sa ilang site sa usa ka dili kapani-paniwala nga librarya sa kapanguhaan… ug sa tanan nga panahon nagpadayon sila sa pagpadali sa ilang site. Nag-load ang ilang mga panid sa gikusgon sa pagkabuta. Kung dili ka motuo kanako, pop kini nga panid sa Mga Pintuan sa Garage.

Giapil sa panid ang mga imahen, video, ug sosyal nga mga buton… ug nag-load gihapon sa milliseconds. Ang pagtandi sa ilang site sa akoa sama sa karera sa usa ka Prius nga adunay F-16. Wala pa sila nahuman, bisan kinsa, kanunay nga nangita mga paagi aron mapaayo ang kasinatian sa kostumer ug makuha ang sulud nga makit-an ug maipaambit.

Wala kami usa ka full-time development team ni mga kahinguhaan sa usa ka publiko nga kompanya, busa ang among pag-uswag medyo hinay kaysa Lista ni Angie. Adunay kami usa ka dili katuohan nga tagbalay Flywheel - Gigamit ang ilang advanced caching ug CDN, apan nahibal-an namon nga adunay pa mga pipila ka mga butang nga nakasakit kanamo. Pananglitan, ang among mga hulagway wala ma-optimize. Adunay mga serbisyo didto nga mahimo nimo mabag-o ang imong mga imahe sa usa ka tipik sa ilang gidak-on samtang gipadayon ang ilang katin-aw… gitan-aw namon sila.

Samtang gipakita ko sa ila ang among site, nakurat ako ug gibitay ang akong ulo samtang nagyelo ang pahina sa pagkarga sa usa ka sosyal nga buton. Sa akong hunahuna kini ang Facebook. Argh… usa o duha ka segundo ang ulahi nagpakita ang buton ug ang nahabilin nga panid gikarga. Ugh.

Sa akong pagbatbat sa isyu, ang ilang engineer diha-diha dayon adunay solusyon, sosyalidad.js. Naghatag ang Socialite usa ka dali nga paagi aron maimplementar ug maaktibo ang daghang mga buton sa pagpaambit sa sosyal - bisan unsang oras nga gusto nimo. Sa pag-load sa dokumento, sa article hover, sa bisan unsang kalihokan! Tungod kay ang socialite nag-load sa mga buton nga dili parehas, ang dokumento dili magbitay samtang naghulat alang sa 50kb sa social media.

Maayo na, adunay na usa ka plugin sa WordPress nga gilakip ang Socialite, nga gitawag WPSocialite. Karong gabhiona gigisi nako ang tanan nako nga gipasadya nga code alang sa pag-load sa mga buton ug gipatuman ang WPSocialite. Nahimo nako nga ipasadya ang CSS ug mabag-o ang mga buton nga gusto nako. Nagpaabut ako sa dugang nga mga buton nga gidugang sa umaabot - sama sa Buffer o Reddit… apan kini perpekto sa karon!

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.