Socialite.jsを使用した遅延読み込みソーシャルボタン

スピードキーボード

今日、私はアンジーズリストのウェブチームと素晴らしい一日を過ごしました。 アンジーズリストは彼らのサイトを信じられないほどのリソースライブラリに発展させてきました…そして彼らが彼らのサイトをスピードアップし続けている間ずっと。 それらのページは目がくらむほどの速度で読み込まれます。 あなたが私を信じていないなら、このページをポップアップしてください ガレージドア.

このページには、画像、ビデオ、ソーシャルボタンが組み込まれていますが、ミリ秒単位で読み込まれます。 彼らのサイトを私のものと比較することは、F-16でプリウスをレースするようなものです。 彼らはまだ終わっていません。常に顧客体験を改善し、コンテンツを見つけて共有する方法を探しています。

私たちはフルタイムの開発チームも公開会社のリソースも持っていないので、私たちの進歩はアンジーズリストよりも少し遅いです。 私たちは信じられないほどのホストを持っています フライホイール –高度なキャッシングとCDNを利用していますが、まだいくつかの問題があります。 たとえば、画像は最適化されていません。 鮮明さを維持しながら画像を数分のXNUMXのサイズに変換できるサービスがあります…私たちはそれらを検討しています。

私は彼らに私たちのサイトを見せていたので、ソーシャルボタンをロードするとページがフリーズしたので頭を下げて頭を下げました。 Facebookだったと思います。 ああ…XNUMX、XNUMX秒後にボタンが表示され、ページの残りの部分が読み込まれました。 うーん。

私が問題を説明したとき、彼らのエンジニアはすぐに解決策を見つけました、 socialite.js。 Socialiteは、必要なときにいつでも、多数のソーシャル共有ボタンを実装およびアクティブ化するための非常に簡単な方法を提供します。 ドキュメントの読み込み時、記事のホバー時、あらゆるイベントで! socialiteはボタンを非同期にロードするため、50kbのソーシャルメディアを待っている間、ドキュメントがハングすることはありません。

ありがたいことに、Socialiteを組み込んだWordPressプラグインがすでにあります。 WPSocialite。 今夜、ボタンをロードするためにカスタマイズしたコードをすべて削除し、WPSocialiteを実装しました。 CSSをカスタマイズして、必要なボタンを変更することができました。 将来、BufferやRedditなどのボタンが追加されるのを楽しみにしています…しかし、これは今のところ完璧です!

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.