Мързеливо зареждане на социални бутони с Socialite.js

клавиатура за скорост

Днес имах фантастичен ден с уеб екипа от списъка на Анджи. Списъкът на Анджи развива сайта им в невероятна библиотека с ресурси ... и през цялото време те продължават да ускоряват сайта си. Страниците им се зареждат с ослепителна скорост. Ако не ми вярвате, покажете тази страница на Гаражни врати.

Страницата включва изображения, видео и социални бутони ... и все още се зарежда за милисекунди. Сравняването на техния сайт с моя е все едно да се състезаваш с Prius с F-16. Те все още не са приключили, винаги търсят начини за подобряване на клиентското изживяване и получаване на намереното и споделено съдържание.

Нямаме екип за развитие на пълен работен ден, нито ресурсите на публична компания, така че напредъкът ни е малко по-бавен от списъка на Анджи. Имаме невероятен домакин с маховик - използвайки тяхното усъвършенствано кеширане и CDN, но знаем, че все още има някои неща, които ни нараняват. Например, нашите изображения не са оптимизирани. Има услуги, които можете да конвертирате вашите изображения в част от техния размер, като същевременно запазите тяхната яснота ... ние ги разглеждаме.

Докато им показвах нашия сайт, се свих и окачих глава, докато страницата замръзна при зареждане на социален бутон. Мисля, че беше Facebook. Арх ... секунда-две по-късно се появи бутонът и останалата част от страницата се зареди. Ъъъ.

Когато описах проблема, техният инженер веднага намери решение, socialite.js. Socialite предоставя много лесен начин за внедряване и активиране на множество бутони за социално споделяне - по всяко време, когато пожелаете. При зареждане на документ, при нанасяне на курсора на статията, при всяко събитие! Тъй като socialite зарежда бутоните асинхронно, документът няма да виси, докато чака 50kb социални медии.

За щастие вече има приставка за WordPress, която включва Socialite, наречена WPSСоциалит. Тази вечер изтръгнах целия си персонализиран код за зареждане на бутони и внедрих WPSocialite. Успях да персонализирам CSS и да модифицирам бутоните, които исках. Очаквам с нетърпение някои допълнителни бутони да бъдат добавени в бъдеще - като Buffer или Reddit ... но това е идеално за сега!

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.