Tombol Sosial Muat Malas dengan Socialite.js

keyboard kecepatan

Hari ini saya mengalami hari yang fantastis bersama tim web di Angie's List. Angie's List telah mengembangkan situs mereka menjadi perpustakaan sumber daya yang luar biasa… dan sementara itu mereka terus mempercepat situs mereka. Halaman mereka dimuat dengan kecepatan yang menyilaukan. Jika Anda tidak percaya, buka halaman ini di Pintu Garasi.

Halaman ini menggabungkan gambar, video, dan tombol sosial… dan masih dimuat dalam milidetik. Membandingkan situs mereka dengan situs saya seperti membalap Prius dengan F-16. Mereka juga belum selesai, selalu mencari cara untuk meningkatkan pengalaman pelanggan dan membuat konten ditemukan dan dibagikan.

Kami tidak memiliki tim pengembangan penuh waktu atau sumber daya dari perusahaan publik, jadi kemajuan kami sedikit lebih lambat daripada Angie's List. Kami memiliki tuan rumah yang luar biasa dengan Roda gila – memanfaatkan caching dan CDN canggih mereka, tetapi kami tahu masih ada beberapa hal yang mengganggu kami. Misalnya, gambar kita tidak dioptimalkan. Ada layanan di luar sana yang dapat Anda gunakan untuk mengonversi gambar Anda menjadi sebagian kecil dari ukurannya sambil mempertahankan kejelasannya… kami sedang melihatnya.

Saat saya menunjukkan situs kami kepada mereka, saya meringis dan menundukkan kepala saat halaman membeku saat memuat tombol sosial. Saya pikir itu adalah Facebook. Argh… satu atau dua detik kemudian tombol muncul dan sisa halaman dimuat. Ugh.

Saat saya menjelaskan masalahnya, teknisi mereka segera mendapatkan solusi, sosialita.js. Socialite menyediakan cara yang sangat mudah untuk menerapkan dan mengaktifkan sejumlah besar tombol berbagi sosial — kapan pun Anda mau. Saat memuat dokumen, saat mengarahkan artikel, di acara apa pun! Karena sosialita memuat tombol secara tidak sinkron, dokumen tidak akan hang saat menunggu media sosial 50kb.

Untungnya, sudah ada plugin WordPress yang menggabungkan Socialite, yang disebut WPSocialite. Malam ini saya merobek semua kode khusus saya untuk memuat tombol dan mengimplementasikan WPSocialite. Saya dapat menyesuaikan CSS dan memodifikasi tombol yang saya inginkan. Saya menantikan beberapa tombol tambahan yang ditambahkan di masa mendatang – seperti Buffer atau Reddit… tetapi ini sempurna untuk saat ini!

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.