Tips Membuat/Mengotimasi Async Javascpirt Pada Loading Social Share Button - Sesuai dari judulnya kali ini kita membahas mengenai yang ringan-ringan yaitu share button yang berguna untuk menyebarkan artikel kita ke banyak media sosial maupun tempat submite artikel lainnya, bedanya dengan share button lainnya kotak share ini mampu mempercepat loading blog kita sehingga tidak berat saat dibuka. Oleh karena itu kotak share ini menjadi alternatif saat blog membutuhkan share button dan lebih-lebih pada kecepatan blog anda.
( Baca Juga : Cara Membuat Widget Artikel Terbaru Ringan SEO )
Memang untuk memasangnya ada beberapa tahapan tetapi untuk meyakinkan anda optimasi ini hanya bekerja untuk 3 media social terbesar yaitu Google plus, Facebook dan Twitter.
( Baca Juga : Cara Membuat Blog SEO Mobile Friendly )
Tips Membuat Async Loading Share Button Ringan
( Baca Juga : Cara Membuat Widget Artikel Terbaru Ringan SEO )
Memang untuk memasangnya ada beberapa tahapan tetapi untuk meyakinkan anda optimasi ini hanya bekerja untuk 3 media social terbesar yaitu Google plus, Facebook dan Twitter.
( Baca Juga : Cara Membuat Blog SEO Mobile Friendly )
- Google plus - Untuk membuat share button Google plus, anda dapat mengganti kode google plus yang lama dengan kode dengan kode dibawah ini.
<script type='text/javascript'>
(function() {
var po =
document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src =
'https://apis.google.com/js/plusone.js';
var s =
document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Letakkan kode diatas tepat diatas kode </body>
- Facebook - Untuk membuat share button Facebook, anda dapat mengganti kode Facebook anda yang lama dengan kode dibawah ini.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs =
d.getElementsByTagName(s)[0];
if
(d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;js.async=true;
js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Letakkan kode diatas tepat diatas kode <body>
- Twitter - Untuk membuat share button Twitter, anda dapat mengganti kode Twitter anda yang lama dengan kode dibawah ini.
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.async=true;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,
'script', 'twitter-wjs');</script>
Letakkan kode diatas tepat diatas </body>
Demikianlah Tips Membuat Async Loading Share Button Ringan semoga dengan kode script ini dapat meringankan beban loading blog anda.
Belum ada tanggapan untuk "Tips Membuat Async Loading Share Button Ringan"
Post a Comment