Cara Defer Parsing Script Google Analitycs Untuk Mempercepat Loading Blog

Defer java script google analityc untuk mempercepat kecapatan blog dan loadingnya tidak lama tentu akan sangat baik untuk kesehatan blog kita. Analitycs JS dari google merupakan salah satu pemberi nilai load tinggi untuk blog. Dan ini tidak bisa dipungkiri sebagai masalah umum untuk blogger.

Siapa sih yang tidak ingin blognya memiliki tampilan yang bagus dan memiliki kecepatan loading yang baik. Score page load pada beberapa tool akan mendeteksi beberapa script yang memiliki masalah saat dimuat. Dan Analytic JS atau java script dari google analitycs adalah salah satu penyebab loading blog jadi melambat.

Beberapa cara yang bisa dilakukan untuk meringankan loading blog adalah mengurangi beberapa widget dan JS yang tidak penting. Beberapa cara untuk meringankan loading blog yang sudah saya bagikan sebelumnya yaitu : Cara defer images Loading dan Cara Pasang Lazy load JS Adsense. 

Dengan menggunakan cara defer ini, maka kita bisa menghindari efek pemblokiran render dari Google Analytics dengan Menunda dan menyimpan cuplikan JavaScript analytics (caching) untuk pemuatan halaman yang lebih cepat dan peningkatan pengalaman pengguna.

Cara defer js analytics untuk meningkatkan kecepatan Blog

Untuk Anda yang sudah memasang google Analityc pada template blog. Maka umumnya, pemasangan scriptnya akan mirip seperti 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 biasa juga dilakukan dengan hanya menggunakan kode pemanggil

<b:include data='blog' name='google-analytics'/>

Kode script ini sebenarnya sudah dioptimasi dengan menggunakan sistem Asynchronous (async) namun hal ini tidak berpengaruh terhadap loading blog. Entahlah jika menggunakan platform lain seperti wordpress. 

Agar tidak mengganggu loading dari blog Anda, maka ubah scriptnya dengan kode dibawah ini.

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

Untuk referensi lain, bisa juga Anda terapkan kode defer Google Analitycs Java Script berikut 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>

Silakan ganti kode UA-xxxxxxx-x dengan ID Analytics blog Anda.

Cara ini otomatis akan mengurangi beban pemuatan [load] blog yang tadinya lambat karena pengaruh JS analityc. Maka ini tentunya akan bisa memperbaiki score kecepatan blog kita menjadi lebih baik lagi. Karena seperti yang kita ketahui bahwa, blog yang lambat akan sangat mempengaruhi visitor.

Percayalah, pengunjung blog akan lebih menyukai situs yang loadingnya cepat daripada situs yang loadingnya lambat.

Demikian tutorial kali ini tentang cara defer (menunda) pemuatan Google Analityc JS untuk meningkatkan kecepatan loading blog, Semoga bermanfaat. Terima kasih

Sumber kode : 

https://www.kompiajaib.com/2020/06/mengatasi-gangguan-loading-blog-dari-js.html

https://stackoverflow.com/questions/27353904/defer-loading-of-google-analytics-javascript-code-and-hosting-analytics-js-on-ow

Share