Mengatasi Defer Parsing Script Google Analitycs di Blog - SeriesWans

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>

tips — Jangan lupa ganti juga kode UA-xxxxxxx-x dengan kode ID Google Analytics milik anda

Atau anda bisa menggunakan kode defer parsing google analytics di bawah ini 

<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>

Dengan cara tersebut secara otomatis mengurangi beban proses pemuatan blog anda yang tadinya lambat karena kode javascript dari google analytics. selain itu score kecepatan blog anda akan menjadi lebih baik lagi. karena jigak blog anda lambat, tentu itu sangat mempengaruhi visitor blog anda.

karena pengunjung blog ini akan lebih menyukai situs website/blog yang loadingnya cepet dari pada situs yang loadingnya sangat lambat.

Akhir kata

Nah itu lah pembahasan kali ini mengenai Mengatasi Defer Parsing Script Google Analitycs di Blog. jika ada pertanyaan terkait tutorial di atas, silahkan tanyakan di kolom komentar ya sob. semoga bermanfaat.

Related Posts