Lusta betöltés közösségi gombok a Socialite.js segítségével

sebességű billentyűzet

Ma egy fantasztikus napom volt az Angie's List internetes csapatával. Az Angie's List hihetetlen forráskönyvtárgá fejlesztette a webhelyét ... és mindeközben tovább gyorsították webhelyüket. Lapjaik vakító sebességgel töltődnek be. Ha nem hisz nekem, akkor nyissa meg ezt az oldalt Garázskapuk.

Az oldal képeket, videókat és közösségi gombokat tartalmaz ... és ezután is milliszekundumban töltődik be. Összehasonlítva az oldalukat az enyémmel, olyan, mintha egy Priust versenyeznék egy F-16-mal. Még nem készültek el, mindig keresik a vevői élmény javításának és a tartalom megtalálásának és megosztásának módját.

Nincs teljes munkaidős fejlesztőcsapatunk és egy állami vállalat erőforrásai sem, ezért a fejlődésünk valamivel lassabb, mint az Angie's List. Van egy hihetetlen házigazdánk lendkerék - kihasználva a fejlett gyorsítótárukat és a CDN-t, de tudjuk, hogy még mindig vannak olyan dolgok, amelyek bántanak minket. Például a képeink nincsenek optimalizálva. Vannak olyan szolgáltatások, amelyekkel átkonvertálhatja a képeket a méretük töredékévé, miközben megőrzi az érthetőségüket ... nézzük őket.

Miközben megmutattam nekik az oldalunkat, összerándultam és lehajtottam a fejem, amikor az oldal megdermedt egy közösségi gomb betöltésekor. Szerintem a Facebook volt. Argh… egy-két másodperccel később megjelent a gomb, és az oldal többi része betöltődött. Ugh.

Amikor leírtam a kérdést, mérnöküknek azonnal volt megoldása, socialite.js. A Socialite nagyon egyszerű módot kínál a sokféle közösségi megosztás gomb megvalósítására és aktiválására - bármikor. A dokumentum betöltésekor, a cikk lebegésével, minden eseményen! Mivel a közösségi oldal aszinkron módon tölti be a gombokat, a dokumentum nem fog lógni, miközben 50 kt közösségi médiára vár.

Szerencsére már létezik egy WordPress beépülő modul, amely a Socialite-t tartalmazza, az úgynevezett WPSocialite. Ma este kitéptem az összes testreszabott kódot a gombok feltöltésére, és megvalósítottam a WPSocialite programot. Testreszabhattam a CSS-t és módosíthattam a kívánt gombokat. Már alig várom, hogy a jövőben további gombok kerüljenek hozzáadásra - például a Buffer vagy a Reddit ... de ez most tökéletes!

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.