Mempercepat Blog Dengan Defer JS Google Analytics

Usuluddin, S.Kom    Rabu, Juni 24, 2020    TUTORIAL   

Mempercepat Blog Dengan Defer JS Google Analytics

GoSEO.id - Kita pernah membahas bahwa kecepatan sebuah blog merupakan unsur penting dalam SEO dan faktor dalam perangkingan pada mesin pencari di artikel "Cara Ampuh Meningkatkan Trafik Blog". Para blogger saat ini saling berlomba dan bersaing untuk meningkatkan kecepatan blognya.

Dalam optimasi blog, terkadang kita mengalami kendala pada load javascript seperti JS Google Analytics dan Google Adsense. Sehingga loading atau kecepatan blog kita menjadi lambat. Sementara Google analytics merupakan unsur SEO sebagai tools statistik blog. Oleh karena itu, pada kesempatan kali ini kita akan membahas "Mempercepat Blog Dengan Defer JS Google Analytics".

Table of Content

• Mempercepat Blog Dengan Defer JS Google Analytics
  
  • Men-defer JS Google Analytics
• Akhir Kata

Mempercepat Blog Dengan Defer JS Google Analytics

Apakah sobat GoSEO.id sudah tau apa itu Defer?

Defer merupakan penundaan pemuatan file sebelum halaman ditampilkan. Jadi, jika kita men-defer file js, pemanggilan file js tersebut akan ditunda dan ternyata mampu mempercepat loading blog namun file js tersebut pun tetap berfungsi dan bekerja seperti biasanya.

Untuk men-defer JS Google Analytics, kamu dapat mengikuti langkah berikut ini :

Men-defer JS Google Analytics

Seperti yang kamu ketahui, bahwa kode Google Analytics seperti 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>

Untuk men-defer JS tersebut, silahkan gantikan kode tersebut dengan kode seperti dibawah ini :

<!-- GoSEO.id Defer JS Google Analytics -->
<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 : Silahkan ganti kode ID UA-XXXXXXX-X yang ditandai dengan ID Google Analytics milik kamu.

Akhir Kata

Saya rasa cukup mudah dimengerti dan dipraktekan bukan? Beginilah tutorial "Mempercepat Blog Dengan Defer JS Google Analytics". Yang mana semoga artikel ini bermanfaat dan berguna. Silahkan tinggalkan komentar jika ada hal atau bagian yang tidak kamu mengerti.

Jangan lupa pula untuk share dan subscribe kami pada kolom Newsletter agar tidak ketinggalan informasi atau update-an terbaru GoSEO.id. Terima kasih telah hadir dan membaca artikel ini.