Serieswans.com - Halo sobat blogger, pada kesempatan kali ini saya akan membahas mengenai defer parsing javascript google analytics, yap mengapa saya membahas ini karena banyak beberapa para pemilik situs website atau blog yang sudah memasang Google analytics mengalami permasalahan pada loading blognya.
Pengaruh pada kode javascript ini bisa mengurangi nilai dari segi kecepatan blog, anda juga bisa mengecek Nilai Scrore loading halaman anda dengan beberapa tools seperti Google Pagespeed Insight, Gmetrix dan web.dev. ketiga tools tersebut adalah yang paling populer digunakan dan saya sendiri juga memakai tersebut untuk meninjau kualitas kecepatan dari loading halaman blog. termasuk pada permasalahan kali ini mengenai defer parsing google analytics.
Dengan menggunakan cara Defer Parsing ini kita bisa menghindari efek pemblokiran render dari google anlytics dengan menunda dan menyimpan cuplikan kode javascript analytics (istilahnya bisa disebut cache atau caching) agar proses pemuatan halaman menjadi lebih cepat.
Bagi anda yang sudah memasang google analytics pada templatenya, contoh kode dari google analytics punya anda sama dengan kode di bawah ini
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x'/>
<script>
//<![CDATA[
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxxxxxx-x');
//]]>
</script>
Atau kode Javascript Google Analytics yang versi terbaru seperti dibawah ini
<script type='text/javascript'>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-xxxxxxx-x', 'auto', 'blogger');
ga('blogger.send', 'pageview');
</script>
Kode tersebut sebenarnya juga sudah di optimasi dengan sistem Asynchronous (async), akan tetapi hal tersebut tidak berpengaruh terhadap loading blog.
Nah, bagaimana cara mengatasi defer parsing google analytics yang membuat kecepatan loading blog anda menjadi lambat. silahkan ikuti cara di bawah ini untuk mengatasinya.
Cara Mengatasi Defer Parsing Script Google Analitycs di Blog
- Masuk ke blogger
- Pilih Tema => Edit HTML
- Silahkan hapus atau pindahkan ke notepad terlebih dahulu kode bawaan google analyticsnya
- kemudian copy kode di bawah ini dan letakan di bawah kode </head>
<script>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxxxxxx-x');
//]]>
</script>
<script>
//<![CDATA[
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
i.initAnalytics = function() {
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
}
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-xxxxxxx-x');
ga('send', 'pageview');
function atOnload() {
initAnalytics();
}
if (window.addEventListener) window.addEventListener("load", atOnload, false);
else if (window.attachEvent) window.attachEvent("onload", atOnload);
else window.onload = atOnload;
//]]>
</script>
Akhir kata
Posting Komentar