Líné načtení sociálních tlačítek pomocí Socialite.js

rychlá klávesnice

Dnes jsem měl fantastický 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 pokračovali ve zrychlování svých stránek. Jejich stránky se načítají oslepující rychlostí. Pokud mi nevěříte, otevřete si 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. Srovnávat jejich stránky s mým je jako závodit s Priusem s F-16. Ani oni ještě nejsou hotovi, vždy hledají způsoby, jak zlepšit zákaznickou zkušenost a získat nalezený a sdílený obsah.

Nemáme vývojový tým na plný úvazek ani prostředky veřejné společnosti, takže náš postup je o něco pomalejší než Angie's List. Máme neuvěřitelného hostitele s setrvačník - s využitím jejich pokročilého ukládání do mezipaměti a CDN, ale víme, že nás stále ještě něco bolí. Naše obrázky například 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 implementace a aktivace nepřeberného množství tlačítek pro sociální sdílení - kdykoli budete chtít. Při načítání dokumentu, při vznášení článku, při jakékoli události! Jelikož socialite načítá tlačítka asynchronně, dokument nezůstane viset při čekání na 50 kB sociálních médií.

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

Co si myslíte?

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