 |
| TUTORIAL MASTER |
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.
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
<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>
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>
Nah itulah 3 Optimasi Optimasi Async Javascript Sosial Media Untuk Java Script , silahkan pasang Async Javascript sesuai kebutuhan anda , jika anda tidak memasang share twitter jangan pasang Async Javascript twitter , karena itu mubadzir , hehhehehe
3 komentar
Oke Terimakasih informasinya gan
Kalo untuk Instagram ada Ndak gan, misalnya ingin ngelink ke Instagram milik kita ?...
wah mantap makasih banyak sod, pake async ternyata bisa meningkatkan pagespeed juga
Terimakasi telah mengunjungi blog ini , semoga informasi yang terdapat dalam blog ini bermafaat bagi anda jika informasi yang kalian baca di blog ini bermanfaat silahkan di Share dan beri komentar :)
Perhatian !!!
Berkomentarlah yang baik dan sopan !
jika mengirim link aktif komentar anda akan di anggap spam !
berkomentarlah sesuai topik !
EmoticonEmoticon