Lazy Load Social Buttons mit Socialite.js

Geschwindigkeitstastatur

Heute hatte ich einen fantastischen Tag mit dem Webteam von Angie's List. Angie's List hat ihre Site zu einer unglaublichen Ressourcenbibliothek entwickelt… und währenddessen haben sie ihre Site weiter beschleunigt. Ihre Seiten werden in rasender Geschwindigkeit geladen. Wenn Sie mir nicht glauben, öffnen Sie diese Seite auf Garagentore.

Die Seite enthält Bilder, Videos und soziale Schaltflächen … und wird trotzdem in Millisekunden geladen. Der Vergleich ihrer Site mit meiner ist, als würde man einen Prius mit einer F-16 fahren. Sie sind auch noch nicht fertig und suchen immer nach Möglichkeiten, das Kundenerlebnis zu verbessern und die Inhalte zu finden und zu teilen.

Wir haben weder ein Vollzeit-Entwicklungsteam noch die Ressourcen eines börsennotierten Unternehmens, daher sind unsere Fortschritte etwas langsamer als bei Angie's List. Wir haben einen unglaublichen Gastgeber mit Schwungrad – mit ihrem fortschrittlichen Caching und CDN, aber wir wissen, dass uns immer noch einige Dinge schaden. Unsere Bilder sind beispielsweise nicht optimiert. Es gibt Dienste, mit denen Sie Ihre Bilder auf einen Bruchteil ihrer Größe umwandeln können, während sie ihre Klarheit behalten ... wir schauen uns sie an.

Als ich ihnen unsere Website zeigte, duckte ich mich und ließ meinen Kopf hängen, als die Seite beim Laden eines sozialen Buttons erstarrte. Ich denke es war Facebook. Argh ... ein oder zwei Sekunden später erschien die Schaltfläche und der Rest der Seite wurde geladen. Pfui.

Als ich das Problem beschrieb, hatte ihr Ingenieur sofort eine Lösung, socialite.js. Socialite bietet eine sehr einfache Möglichkeit, eine Vielzahl von Social-Sharing-Buttons zu implementieren und zu aktivieren – jederzeit. Beim Laden von Dokumenten, beim Hovern von Artikeln, bei jedem Ereignis! Da Socialite die Schaltflächen asynchron lädt, bleibt das Dokument nicht hängen, während auf 50 KB Social Media gewartet wird.

Zum Glück gibt es bereits ein WordPress-Plugin, das Socialite enthält, genannt WPSocialite. Heute Abend habe ich meinen gesamten benutzerdefinierten Code zum Laden von Schaltflächen herausgerissen und WPSocialite implementiert. Ich konnte das CSS anpassen und die gewünschten Schaltflächen ändern. Ich freue mich darauf, dass in Zukunft einige zusätzliche Schaltflächen hinzugefügt werden – wie Buffer oder Reddit… aber das ist jetzt perfekt!

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.