Lazy Load Social Button with Socialite.js

тастатура со брзина

Денес имав фантастичен ден со веб-тимот на списокот на Енџи. Листата на Енџи ја развива нивната страница во неверојатна библиотека со ресурси… и цело време тие продолжуваат да ја забрзуваат својата страница. Нивните страници се вчитуваат со брзина на заслепување. Ако не ми верувате, појавете ја оваа страница Гаражни врати.

Страницата вклучува слики, видео и социјални копчиња… и сè уште се вчитува во милисекунди. Споредбата на нивната страница со мојата е како тркање на Prius со F-16. Ниту тие не се готови, секогаш бараат начини да се подобри искуството на клиентот и да се најде и сподели содржината.

Немаме тим за развој со полно работно време, ниту ресурси на јавно претпријатие, така што нашиот напредок е малку побавен од списокот на Енџи. Имаме неверојатен домаќин со замаец - користејќи го нивното напредно кеширање и CDN, но знаеме дека сè уште има нешто што не повредува. На пример, нашите слики не се оптимизирани. Постојат услуги таму што можете да ги претворите вашите слики во мал дел од нивната големина, притоа задржувајќи ја нивната јасност ние ги разгледуваме.

Додека им ја покажував нашата веб-страница, се стегнав и ја обесив главата додека се замрзнуваше страницата при вчитување на социјално копче. Мислам дека беше Фејсбук. Argh… секунда или две подоцна се појави копчето и се вчита остатокот од страницата. Уф

Кога го опишав проблемот, нивниот инженер веднаш имаше решение, социјална.js. Socialite обезбедува многу лесен начин да се имплементираат и активираат плетеницата копчиња за социјално споделување - во секое време кога посакувате. На оптоварување документи, на лебдење на статии, на кој било настан! Бидејќи социјалитот ги вчитува копчињата асинхроно, документот нема да виси додека чека 50 килограми социјални медиуми.

За среќа, веќе има додаток на WordPress кој вклучува Socialite, наречен WPSsociite. Вечерва го извадив целиот прилагоден код за вчитување копчиња и го имплементирав WPSocialite. Јас бев во можност да го прилагодувам CSS и да ги модифицирам копчињата што ги сакав. Со нетрпение очекувам да се додадат дополнителни копчиња во иднина - како тампон или Reddit…, но ова е совршено засега!

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.