Home » » Optimasi tombol sosial di Blog dengan Async Javascript

Optimasi tombol sosial di Blog dengan Async Javascript

Dengan menambahkan async pada javascript sosial media, ini dapat meringankan loading blog anda ketika halaman sedang di muat . Asyncrounous javascript atau biasa disebut dengan async javascript ini lebih seo friendly karena dapat memmpercepat loading blog. Hal ini dikarenakan dalam pemrograman Social Share Button dengan asyncronous API tidak akan banyak membebani browser ketika blog anda sedang di load .

Optimasi tombol sosial di Blog dengan Async Javascript

Optimasi Async Javascript Loading Social Share Button

Google Plus Untuk membuat  Async pada Javascript Google plus , anda dapat mengganti java script google plus yang lama dengan Javascript Google plus 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> 
Pasang kode tersebut diatas code </body> 

Facebook  Untuk membuat  Async pada Javascript Facebook , anda dapat mengganti java script Facebook yang lama dengan Javascript Facebook 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> 
Pasang kode tersebut diatas code <body> 
Twitter Untuk membuat  Async pada Javascript Twitter , anda dapat mengganti java script Twitter yang lama dengan Javascript Twitter 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> 
Pasang kode tersebut diatas code </body> 
0 Komentar

Terimakasih Telah Berkunjung. Silahkan berkomentar sesuai topik diatas. Komentar diluar topik, mohon maaf tidak dapat saya publikasikan.

 
Copyright © 2013. Dark Jhony - All Rights Reserved
Proudly powered by Blogger
Dark Jhony Wusss Responsive by seocips.com
Original template by Mas Kholis