使用Socialite.js延遲加載社交按鈕

快速鍵盤

今天,我在Angie's List的網絡團隊度過了愉快的一天。 Angie's List一直在將其網站開發為令人難以置信的資源庫……而他們一直在繼續加快其網站的速度。 他們的頁面以令人難以置信的速度加載。 如果您不相信我,請在 車庫門.

該頁麵包含圖像,視頻和社交按鈕……並且仍然以毫秒為單位加載。 比較他們的礦場就像駕駛F-16賽車普銳斯。 他們也都還沒有完成,總是在尋找改善客戶體驗並找到和共享內容的方法。

我們沒有專職的開發團隊,也沒有上市公司的資源,因此我們的進度比Angie's List慢一點。 我們確實有一個令人難以置信的主人 飛輪 –利用它們的高級緩存和CDN,但我們知道仍然有一些事情在傷害我們。 例如,我們的圖像沒有被優化。 那裡有一些服務,您可以將圖像轉換為圖像的一小部分,同時保持其清晰度……我們正在尋找它們。

當我向他們展示我們的網站時,當加載社交按鈕時頁面凍結時,我畏縮並垂下了頭。 我認為是Facebook。 啊……一兩秒鐘後,按鈕出現了,頁面的其餘部分被加載。 啊。

當我描述問題時,他們的工程師立即找到了解決方案, 社交名流.js。 社交名流提供了一種非常容易的方法,可以隨時隨地實現和激活大量的社交共享按鈕。 無論是在文檔加載,文章懸停還是任何情況下! 由於社交名流異步加載按鈕,因此在等待50kb的社交媒體時文檔不會掛起。

值得慶幸的是,已經有一個包含Socialite的WordPress插件,稱為 WP社交名媛。 今晚,我剝離了所有自定義的代碼以加載按鈕並實現了WPSocialite。 我能夠自定義CSS並修改所需的按鈕。 我期待將來再添加一些其他按鈕,例如Buffer或Reddit…,但現在非常適合!

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.