Optimasi Async Javascript untuk Loading Sosial Media / Social Share Button - Tahukah anda bahwa menambahkan async pada javascript sosial media dapat meringankan kinerja blog anda saat loading . Asyncrounous javascript atau biasa disebut dengan async javascript ini lebih seo friendly karena dapat memmpercepat loading blog anda. Hal ini dikarenakan dalam pemrograman Social Share Button dengan asyncronous API tidak akan banyak membebani browser ketika blog anda sedang di load .
Apa itu Async Javascript ?
Modul Asynchronous definition (AMD) adalah API JavaScript untuk mendefinisikan modul sehingga modul dan dependensinya dapat memuat asynchronously. Hal ini berguna dalam meningkatkan kinerja situs dengan melewati beban sinkron modul bersama dengan sisa dari isi situs.
Selain memuat beberapa file JavaScript saat runtime, AMD dapat digunakan selama pengembangan untuk menyimpan file JavaScript dikemas dalam banyak file yang berbeda. Hal ini mirip dengan bahasa pemrograman lain, misalnya Jawa, yang mendukung kata kunci seperti impor, paket, dan kelas untuk tujuan ini. Hal ini kemudian memungkinkan untuk menggabungkan dan mengecilkan semua sumber JavaScript ke dalam satu file kecil yang digunakan untuk penyebaran produksi. - wikipedia
Berikut 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
Pasang kode tersebut diatas code<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></body> - Facebook Untuk membuat Async pada Javascript Facebook , anda dapat mengganti java script Facebook yang lama dengan Javascript Facebook dibawah ini
Pasang kode tersebut diatas code<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><body> - Twitter Untuk membuat Async pada Javascript Twitter , anda dapat mengganti java script Twitter yang lama dengan Javascript Twitter dibawah ini
Pasang kode tersebut diatas code<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></body>
No comments:
Write comments