Mempercepat Loading Blog dengan Mengubah JS Google Analytics

Mempercepat Loading Blog dengan Mengubah JS Google Analytics - Tidak bisa di pungkiri bahwa Loading Blog saat ini adalah menjadi salah satu faktor penilaian ranking blog dari Google itu sendiri.

Dengan adanya penilaian kecepatan blog oleh Google sebagai faktor ranking sebuah artikel, hal ini membuat owner atau pemilik blog harus berpikir keras untuk bagaimana cara membuat loading blog lebih cepat.

Ketika saya mengoptimasi kecepatan loading blog saya ini, saya menemukan bahwa ada beberapa penghambat kecepatan loading yakni JS Google Analystics.

Nah hal seperti ini yang membuat kita sebagai pemilik blog menjadi kebingungan. Google menuntut supaya suatu halaman web atau blog memiliki loading yang cepat. Namun layanan dari Google sendiri seperti Adsense dan Analytics sendiri justru memiliki sebuah JS yang membuat loading blog menjadi berat.

Lalu adakah cara supaya JS Google Analystics tidak membuat loading blog berat?

Untungnya ada. Yakni dengan cara Men-defer js analytics.

Cara Men-defer JS Analytics

Cara ini saya temukan dari blog kompiajaib.com. Beliau mencoba sebuah cara untuk membuat JS dari Google Analytics ini supaya tidak membuat loading blog berat dengan cara melakukan defer js analytics itu sendiri.

Ternyata setelah beliau melakukan cara tersebut, Analytics masih tetap bekerja dengan baik dan loading meningkat. Namun untuk notif dari js analytics di pagespeed insights masih tetap ada. Untuk sementara kita biarkan saja dulu, biarkan Google untuk mempelajari realtime-nya.

"Mengutip dari kompiajaib, Secara sederhana, defer js itu adalah menunda pemuatan js sebelum halaman berhasil dimuat. Untuk defer js analytics ini sebenarnya sama seperti pada defer histats yang sudah saya bagikan beberapa waktu yang lalu."

Sebeleumnya saya juga telah membuat artikel tentang Cara Agar Histats Tidak Membuat Loading Blog Berat.

Lalu bagaimana caranya? Simak artikel berikut.

Umumnya kode untuk Google Analytics seperti berikut 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>

 

Nah untuk defer js analytics, silahkan ganti kode di atas dengan kode di bawah 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> 

 

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

Selesai.

Silahkan coba rasakan loading blog Anda. Pastinya akan ada rasa lebih cepat dari pada sebelum mengubah js analytics ini.

Semoga artikel ini bermanfaat ya.