Lazy Load Social Buttons so Socialite.js

rýchlostná klávesnica

Dnes som mal fantastický deň s webovým tímom v Angie's List. Angie's List vyvíjal svoje stránky na neuveriteľnú knižnicu zdrojov ... a celú dobu svoju stránku zrýchľovali. Ich stránky sa načítavajú oslepujúcou rýchlosťou. Ak mi neveríš, otvor si túto stránku Garážové dvere.

Stránka obsahuje obrázky, video a sociálne tlačidlá ... a stále sa načítava v milisekundách. Porovnávať ich stránky s tými mojimi je ako jazdiť na Priuse s F-16. Tiež ešte nie sú hotoví, stále hľadajú spôsoby, ako zlepšiť zákaznícku skúsenosť a nájsť a zdieľať obsah.

Nemáme vývojový tím na plný úväzok ani zdroje verejnej spoločnosti, takže náš pokrok je o niečo pomalší ako v prípade Angie's List. Máme s nami neuveriteľného hostiteľa zotrvačník - využitím ich pokročilého ukladania do vyrovnávacej pamäte a CDN, ale vieme, že nás stále niečo bolí. Napríklad naše obrázky nie sú optimalizované. Existujú služby, ktoré umožňujú previesť vaše obrázky na zlomok ich veľkosti pri zachovaní ich jasnosti ... pozeráme sa na ne.

Keď som im ukazoval naše stránky, krčil som sa a zavesil hlavu, keď stránka zamrzla po načítaní sociálneho tlačidla. Myslím, že to bol Facebook. Argh ... o sekundu alebo dve neskôr sa objavilo tlačidlo a načítal sa zvyšok stránky. Uf.

Keď som popísal problém, ich inžinier mal okamžite riešenie, socialite.js. Socialite poskytuje veľmi jednoduchý spôsob implementácie a aktivácie množstva tlačidiel sociálneho zdieľania - kedykoľvek chcete. Pri načítaní dokumentu, umiestnení kurzora myši na článok, pri akejkoľvek udalosti! Keďže program Socialite načítava tlačidlá asynchrónne, dokument nebude visieť, keď bude čakať na 50 kB sociálnych médií.

Našťastie už existuje doplnok WordPress, ktorý obsahuje Socialite, tzv WPSsocialit. Dnes večer som vytrhol všetok svoj prispôsobený kód pre načítanie tlačidiel a implementoval som WPSocialite. Dokázal som prispôsobiť CSS a upraviť požadované tlačidlá. Teším sa na ďalšie pridanie ďalších tlačidiel v budúcnosti - napríklad Buffer alebo Reddit ... ale toto je zatiaľ ideálne!

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.