Mempercepat Loading Blog dengan Mengubah JS Google Analytics - Panduanajib

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 pen

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.
Halo gan nama saya Ricky. Saya adalah seorang pemuda kampung yang sangat minat mengikuti perkembangan teknologi.

Posting Komentar

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke Pesan Komentar.


image quote pre code
© Panduanajib. All rights reserved. Premium By Raushan Design