Lazy Load Butang Sosial dengan Socialite.js

papan kekunci laju

Hari ini saya mempunyai hari yang hebat dengan pasukan web di Angie's List. Angie's List telah mengembangkan laman web mereka menjadi perpustakaan sumber yang luar biasa ... dan selama ini mereka terus mempercepat laman web mereka. Halaman mereka dimuat dengan kelajuan yang membutakan. Sekiranya anda tidak mempercayai saya, buka halaman ini di Pintu Garaj.

Halaman ini merangkumi butang gambar, video, dan sosial… dan masih memuat dalam milisaat. Membandingkan laman web mereka dengan lombong adalah seperti perlumbaan Prius dengan F-16. Mereka belum selesai, selalu mencari cara untuk meningkatkan pengalaman pelanggan dan mendapatkan kandungan yang dijumpai dan dikongsi.

Kami tidak mempunyai pasukan pembangunan sepenuh masa atau sumber syarikat awam, jadi kemajuan kami sedikit lebih perlahan daripada Angie's List. Kami mempunyai tuan rumah yang luar biasa dengan Roda tenaga - menggunakan cache canggih dan CDN mereka, tetapi kami tahu masih ada beberapa perkara yang menyakitkan kami. Contohnya, gambar kita tidak dioptimumkan. Terdapat perkhidmatan di luar sana yang dapat anda ubah gambar anda menjadi sebahagian kecil dari ukurannya sambil mengekalkan kejelasannya ... kami sedang melihatnya.

Semasa saya menunjukkan kepada mereka laman web kami, saya merayap dan menggantung kepala ketika halaman membeku semasa memuatkan butang sosial. Saya fikir ia adalah Facebook. Argh ... satu atau dua saat kemudian butang muncul dan selebihnya halaman dimuat. Ugh.

Ketika saya menjelaskan masalahnya, jurutera mereka segera mendapat jalan penyelesaian, sosialit.js. Socialite menyediakan cara yang sangat mudah untuk melaksanakan dan mengaktifkan banyak butang perkongsian sosial - bila-bila masa yang anda mahukan. Semasa memuatkan dokumen, pada hover artikel, pada acara apa pun! Oleh kerana socialite memuat butang secara tidak segerak, dokumen itu tidak akan digantung sementara menunggu 50kb media sosial.

Syukurlah, sudah ada plugin WordPress yang menggabungkan Socialite, yang dipanggil WPSosialit. Malam ini saya mengeluarkan semua kod tersuai saya untuk memuatkan butang dan melaksanakan WPSocialite. Saya dapat menyesuaikan CSS dan mengubah butang yang saya mahukan. Saya menantikan beberapa butang tambahan yang akan ditambahkan pada masa akan datang - seperti Buffer atau Reddit ... tetapi ini sangat sesuai buat masa ini!

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.