Cara Ampuh Mengatasi Loading Blog Dari JS Google Analytics

Cara Ampuh Mengatasi Loading Blog Dari JS Google Analytics

Saat ini para pemilik web/blog dan sejensinya sementara beromba dalam meningkatkatkan kecepatan situsnya masing-masing. Karena Google menjadikan kecepatan loading weblog sebagai faktor rating di hasil pencarian mesin telusur.

Baca Juga : Cara Membuat Blog Sampai Menghasilkan Uang

Tentunya ini membuat sibuk para blogger untuk meningkatkan kecepatan loading blognya. Dan ketika melakukan optimasi loading blog, salah satu penghambat yang cukup serius ditemukan yaitu gangguan dari pemasangan js Google Analytics.
dan pastinya hal ini akan menjad masalah yang cukup serius di blog anda. Lalu bagaimana cara mengatasi agar pemasangan JS Google Analytics tidak menjadi penyumbbang loading di blog yang anda kelola?

Baca Juga : Pedoman Optimasi Mesin Telusur Sederhana Namun Sangat Efektif

Atas dasar itu Meta Moz menulis tutorial ini dengan tujuan untuk menjawab pertanyaan dan mengatasi masalah yang sedang anda alami
Mungkin anda bingung dengan masalah ini, Karena Google menginginkan loading weblog yang cepat seperti kilat namun layanan Google seperti Adsense dan Analytics justru menjadi penyumbang nilai pagespeed weblog menjadi lebih buruk.

Baca Juga : Cara Membuat Popular Post Mirip Iklan Teks/Link Adsense Ala Meta Moz
Sementara disisi lain Google Analytics sendiri merupakan salah satu unsur dalam meningkatkan SEO Blog mengingat Analytics sebagai alat statistik untuk blog yang cukup akurat.

Men-defer js analytics

Oleh karena itu, kemudian saya mencoba untuk men-defer js analytics, dan ternyata loading weblog jadi meningkat dan analytics juga tetap bekerja. Namun untuk notif dari js analytics di pagespeed insights masih tetap ada.
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 Kemarin sore.
Namun di sini kita tidak perlu menghosting sendiri js-nya, kita tinggal memasukan js analytics pada script defer seperti di bawah ini.

Cara defer js analytics

Seperti kita ketahui, 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>

Note !
Ganti yang saya tandai warna kunig dengan ID JS Analitycs Anda

Sekarang coba rasakan dan bedakan loading blog Anda sebelum dan sesudah memakai trik ini.

Jika ada yang tidak dimengerti mohon tanyakan lewat kolom komentar di bawah ini
Selesai, semoga bermanfaat