Update,Loading Blog Lebih Ringan Dengan Defer analytics.js Tanpa gtag.js - Dibuka.Site Portal Berita Online Anak Milenial
Lompat ke konten Lompat ke sidebar Lompat ke footer

Update,Loading Blog Lebih Ringan Dengan Defer analytics.js Tanpa gtag.js

Banyak blogger yang mengeluh dengan pengaruh dari JS Analytics pada loading web. Dari tool speed web semacam PageSpeed Insights serta GTMatrix, diketahui kalau JS Analytics memberikan pengaruh pada loading web adalah dari gtag. js yang dipasang di web.

Seperti kita tahu, awal mulanya Google Analytics memakai JS lama dengan analytics. js yang cuma merekam lalu lintas pengunjung saja. Tetapi setelah itu Analytics menaikkan fiturnya yang dapat merekam sikap pengunjung semacam statistik klik pada suatu tombol yang dikenal dengan Global Site Tags dengan gtag. js.

Analytics Vs gtag

Pastinya dengan akumulasi fitur ini membuat dimensi JS Analytics yang digunakan yakni gtag. js jadi semakin besar, sehingga perihal ini lumayan memberikan permasalahan pada loading web.

Sementara itu sebagian besar blogger cuma membutuhkan statistik lalu lintas saja, tanpa memakai fitur ekstra buat statistik klik tombol dan yang lain. Sehingga pemakaian gtag. js ini kurang pas sebab tidak banyak fitur yang digunakan.

Untuk itu, bila kita cuma memantau lalu lintas pengunjung saja, hendaknya pakai JS Analytics klasik ataupun JS lama dengan analytics. js yang ukurannya pasti lebih kecil dari gtag. js yang baru. 

Js analytics lama masih menggunakan asynchronous js yang mana masih memberikan beban pada loading blog atau web dikarenakan pemuatan Js bersamaan dengan pemuatan halaman.Untuk itu perlu digunakan Defer JS seperti dibawah ini dan hapus Js analytics lama anda :

<script>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://www.google-analytics.com/analytics.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
//]]>
</script>

Simpan diatas kode </body>  serta ganti UA-xxxx-Y dengan Id analytics anda,Kemudian tambahkan kode " Preload " seperti berikut serta tempatkan dibawah kode <head>.

<link as='script' href='https://www.google-analytics.com/analytics.js' rel='preload'/>

Demikian update tentang loading blognya semoga bermanfaat.


Original source kode : kompi ajaib


1 komentar untuk "Update,Loading Blog Lebih Ringan Dengan Defer analytics.js Tanpa gtag.js"

  1. bang ini di berikan untuk blogger aja yah, maybe kalau untuk bootstrap biar makin cept bisa share.
    manfaat banget...

    BalasHapus