Tombol Sosial Muat Malas dengan Socialite.js

keyboard kecepatan

Hari ini saya mengalami hari yang luar biasa dengan tim web di Angie's List. Angie 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 membutakan. Jika Anda tidak mempercayai saya, munculan halaman ini di Pintu Garasi.

Halaman tersebut 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 perusahaan publik, jadi kemajuan kami sedikit lebih lambat daripada Angie List. Kami memiliki tuan rumah yang luar biasa Roda gila - menggunakan caching dan CDN tingkat lanjut mereka, tetapi kami tahu masih ada beberapa hal yang merugikan kami. Misalnya, gambar kami tidak dioptimalkan. Ada layanan di luar sana yang Anda dapat mengubah gambar Anda menjadi sebagian kecil dari ukurannya sambil mempertahankan kejelasannya ... kami sedang memeriksanya.

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. Sosialita menyediakan cara yang sangat mudah untuk menerapkan dan mengaktifkan sejumlah besar tombol berbagi sosial - kapan pun Anda mau. Saat dokumen dimuat, saat artikel melayang, di acara apa pun! Karena sosialita memuat tombol secara asinkron, dokumen tidak akan hang saat menunggu 50kb media sosial.

Untungnya, sudah ada plugin WordPress yang menyertakan Socialite, bernama WPSocialite. Malam ini saya merobek semua kode khusus saya untuk memuat tombol dan menerapkan 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.