Ditulis oleh: Ditulis pada: 6/07/2020
Mengatasi Gangguan Loading Blog Dari JS Google Analytics - Sekarang ini Google menjadikan kecepatan loading blog sebagai faktor ranking di hasil pencarian.
Tentunya ini membuat sibuk para blogger untuk meningkatkan kecepatan loading blognya. Dan ketika melakukan optimasi loading blog, salah satu penghambat yang ditemukan yaitu gangguan dari js Google Analytics.
Inilah yang membuat kita jadi bingung, Google menginginkan loading blog yang cepat namun layanan Google seperti Adsense dan Analytics membuat nilai pagespeed blog menjadi buruk.
Sementara Google Analytics sendiri merupakan salah satu unsur SEO juga sebagai tool statistik blog.
Men-defer js analytics
Oleh karena itu, kemudian saya mencoba untuk men-defer js analytics, dan ternyata loading blog meningkat dan analytics juga tetap bekerja. Namun untuk notif dari js analytics di pagespeed insights masih tetap ada. Untuk sementara kita biarkan saja dulu, biarkan Google untuk mempelajari realtime-nya.
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.
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>Silahkan ganti kode UA-xxxxxxx-x dengan ID Analytics blog Anda.
Sekarang coba rasakan loading blog Anda.
Selesai, semoga bermanfaat.
Jika Anda memerlukan defer analytics.js klasik tanpa gtag.js, silahkan ikuti postingan Defer analytics.js Tanpa gtag.js Untuk Loading Blog Lebih Ringan.