Lazy Load Buttons Socials amb Socialite.js

teclat de velocitat

Avui he tingut un dia fantàstic amb l'equip de la web d'Angie's List. Angie's List ha estat desenvolupant el seu lloc en una biblioteca de recursos increïble ... i tot el temps han continuat accelerant el seu lloc. Les seves pàgines es carreguen a una velocitat encegadora. Si no em creieu, apareix aquesta pàgina a Portes de garatge.

La pàgina incorpora imatges, vídeos i botons socials ... i encara es carrega en mil·lisegons. Comparar el seu lloc amb el meu és com competir amb un Prius amb un F-16. Tampoc no han acabat, sempre buscant maneres de millorar l’experiència del client i aconseguir que el contingut es trobi i es comparteixi.

No tenim un equip de desenvolupament a temps complet ni els recursos d'una empresa pública, de manera que el nostre progrés és una mica més lent que la llista d'Angie. Tenim un amfitrió increïble amb volant - utilitzant la seva memòria cau avançada i CDN, però sabem que encara hi ha algunes coses que ens perjudiquen. Per exemple, les nostres imatges no estan optimitzades. Hi ha serveis que podeu convertir les vostres imatges a una fracció de la seva mida mantenint la seva claredat ... les estem mirant.

Mentre els mostrava el nostre lloc, em vaig encongir i vaig penjar el cap mentre la pàgina es congelava en carregar un botó social. Crec que va ser Facebook. Argh ... un o dos segons més tard va aparèixer el botó i es va carregar la resta de la pàgina. Uf.

Quan vaig descriure el problema, el seu enginyer de seguida va tenir una solució, socialite.js. Socialite proporciona una manera molt senzilla d'implementar i activar una gran quantitat de botons d'ús compartit social, sempre que ho desitgeu. En carregar el document, en passar el cursor sobre l'article, en qualsevol esdeveniment. Com que socialite carrega els botons de manera asíncrona, el document no es bloquejarà mentre espereu 50 KB de xarxes socials.

Afortunadament, ja hi ha un connector de WordPress que incorpora Socialite, anomenat WPSocialite. Aquesta nit he eliminat tot el meu codi personalitzat per carregar botons i he implementat WPSocialite. Vaig poder personalitzar el CSS i modificar els botons que volia. Estic desitjant que s’afegiran alguns botons addicionals en el futur, com ara Buffer o Reddit ... però ara és perfecte.

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.