Cara Mengatasi Render-Blocking Javascript DI PageSpeed Insights
Untuk keperluan PageSpeed Insights agar penggunaan script seperti javascript pada jQuery Library bisa kita sembunyikan penempatanya. namun saya tidak bisa mengatakan dengan mengatasi masalah ini bisa membuat speed halaman web/blog lebih cepat. karana pada dasarnya halaman akan membaca keseluruhan penggunaan script yang ada.
Pernahkah anda mengalami seperti ini.
Karena pada script jQuery kita tidak di set Asynchronous (Async). cara mengatasinya lihat pada script jQuery anda. tempatkan Attribute async pada script tersebut seperti ini
Cara lain dengan Javascript sebagai pemanggil url script.
Pernahkah anda mengalami seperti ini.
Karena pada script jQuery kita tidak di set Asynchronous (Async). cara mengatasinya lihat pada script jQuery anda. tempatkan Attribute async pada script tersebut seperti ini
<script async src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
untuk pengguna template XML agar bisa tersimpan - async='async'<script async='async' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
lihat penggunaan Attribute asyncCara lain dengan Javascript sebagai pemanggil url script.
<script type='text/javascript'>
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true; // set true untuk async jquery
s.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();
</script>
untuk permasalahan yang mungkin terjadi pada beberapa kasus untuk template blogger bisa lihat tutorialnya pada asynchronous javascript pada blogger
Klik tombol show dan tunggu hingga loading comment disqus muncul dan selesai memuat. berkomentarlah sesuai artikel: Cara Mengatasi Render-Blocking Javascript DI PageSpeed Insights