-->

Mengatasi Defer Parsing Script Google Analitycs di Blog

Daftar Isi [Tampilkan]

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.

Mengatasi Defer Parsing Script Google Analitycs di Blog


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.
Next
Previous
Tidak ada kata "Tapi" dan "Nanti" jika anda ingin Sukses
  • Facebook
  • Twitter
  • Instagram
  • Related Posts

    Buka Komentar ( 0 )
    tutup Komentar

    0 Komen

    Posting Komentar

    • Mohon Tinggalkan jejak sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
    • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
    • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
    • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
      <i>#comments</i>
    • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
      <em>#comments {margin:0; padding:10px 15px}</em>

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    x
    Berlangganan

    Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!