Lazy Load sociale knoppen met Socialite.js

snelheid toetsenbord

Vandaag had ik een fantastische dag met het webteam van Angie's List. Angie's List heeft hun site ontwikkeld tot een ongelooflijke bronnenbibliotheek... en al die tijd zijn ze doorgegaan met het versnellen van hun site. Hun pagina's laden verblindend snel. Als je me niet gelooft, laat deze pagina dan verschijnen op Garagedeuren.

De pagina bevat afbeeldingen, video en sociale knoppen... en laadt nog steeds in milliseconden. Het vergelijken van hun site met de mijne is als racen met een Prius met een F-16. Ze zijn ook nog niet klaar, altijd op zoek naar manieren om de klantervaring te verbeteren en de inhoud gevonden en gedeeld te krijgen.

We hebben geen fulltime ontwikkelingsteam of de middelen van een beursgenoteerd bedrijf, dus onze vooruitgang is iets langzamer dan die van Angie's List. We hebben een ongelooflijke gastheer met vliegwiel - gebruikmakend van hun geavanceerde caching en CDN, maar we weten dat er nog steeds een aantal dingen zijn die ons pijn doen. Onze afbeeldingen zijn bijvoorbeeld niet geoptimaliseerd. Er zijn diensten die u uw afbeeldingen kunt converteren naar een fractie van hun grootte terwijl ze hun helderheid behouden... we bekijken ze.

Terwijl ik ze onze site liet zien, kromp ik ineen en liet mijn hoofd hangen toen de pagina vastliep bij het laden van een sociale knop. Ik denk dat het Facebook was. Argh ... een seconde of twee later verscheen de knop en werd de rest van de pagina geladen. Ugh.

Toen ik het probleem beschreef, had hun ingenieur onmiddellijk een oplossing, socialite.js. Socialite biedt een zeer eenvoudige manier om een ​​overvloed aan knoppen voor sociaal delen te implementeren en te activeren - wanneer u maar wilt. Bij het laden van documenten, bij het zweven van artikelen, bij elk evenement! Omdat socialite de knoppen asynchroon laadt, blijft het document niet hangen tijdens het wachten op 50 kb aan sociale media.

Gelukkig is er al een WordPress-plug-in die Socialite bevat, genaamd WPSocialite. Vanavond heb ik al mijn aangepaste code voor het laden van knoppen eruit gehaald en WPSocialite geïmplementeerd. Ik kon de CSS aanpassen en de knoppen aanpassen die ik wilde. Ik kijk ernaar uit om in de toekomst wat extra knoppen toe te voegen – zoals Buffer of Reddit… maar dit is perfect voor nu!

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.