Lazy Load Social Buttons with Socialite.js

rychlá klávesnice

Dnes jsem měl skvělý den s webovým týmem v Angie's List. Angie's List vyvíjí své stránky na neuvěřitelnou knihovnu zdrojů ... a po celou dobu své stránky nadále zrychlovali. Jejich stránky se načítají oslepující rychlostí. Pokud mi nevěříte, otevřete tuto stránku Garážová vrata.

Stránka obsahuje obrázky, videa a sociální tlačítka ... a stále se načítá v milisekundách. Porovnávat jejich stránky s těmi je jako závodit s Priusem s F-16. Ještě nejsou hotové, vždy hledají způsoby, jak zlepšit zákaznickou zkušenost a získat a najít a sdílet obsah.

Nemáme vývojový tým na plný úvazek ani zdroje veřejné společnosti, takže náš pokrok je o něco pomalejší než Angie's List. Máme neuvěřitelného hostitele setrvačník - využívající jejich pokročilé ukládání do mezipaměti a CDN, ale víme, že nás stále bolí některé věci. Například naše obrázky nejsou optimalizovány. Existují služby, které umožňují převést obrázky na zlomek jejich velikosti při zachování jejich jasnosti ... díváme se na ně.

Když jsem jim ukazoval náš web, přikrčil jsem se a pověsil hlavu, protože stránka ztuhla po načtení sociálního tlačítka. Myslím, že to byl Facebook. Argh ... o vteřinu nebo dvě později se tlačítko objevilo a načetl se zbytek stránky. Fuj.

Když jsem popsal problém, jejich inženýr měl okamžitě řešení, socialite.js. Socialite poskytuje velmi snadný způsob, jak implementovat a aktivovat nepřeberné množství tlačítek pro sociální sdílení - kdykoli budete chtít. Při načítání dokumentu, při umístění kurzoru na článek, při jakékoli události! Vzhledem k tomu, že socialite načítá tlačítka asynchronně, dokument nebude viset při čekání na 50 kB sociálních médií.

Naštěstí již existuje plugin WordPress, který obsahuje Socialite, tzv WPSocialite. Dnes v noci jsem vytrhl veškerý svůj přizpůsobený kód pro načtení tlačítek a implementoval WPSocialite. Byl jsem schopen přizpůsobit CSS a upravit tlačítka, která jsem chtěl. Těším se na další přidávání dalších tlačítek v budoucnu - jako Buffer nebo Reddit ... ale to je zatím ideální!

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.