Optimasi Google Analytics 4 (GA4) untuk PageSpeed Insights (PSI)

Optimasi custom GA4 untuk green score PSI

Google Analytics adalah alat penting untuk memahami perilaku pengguna di situs web Anda. Namun, implementasinya bisa menurunkan skor kinerja di Google PageSpeed Insights (PSI). Artikel ini membahas cara mengoptimalkan GA4 agar tidak jadi "penghambat" kecepatan situs Anda—khususnya untuk pengguna Blogspot.


Mengapa Google Analytics Memengaruhi PSI?

GA memuat skrip JavaScript yang dieksekusi oleh browser. Proses ini bisa membebani CPU dan menunda rendering konten utama. PSI sering memberi peringatan tentang skrip pihak ketiga seperti ini karena mempengaruhi First Contentful Paint dan Largest Contentful Paint.


Strategi Optimasi Utama

Fokus kita:

  • Mengurangi beban tracking GA4 (kurangi event yang tidak perlu).
  • Mengoptimalkan pemuatan GA4 (ubah posisi dan metode loading skrip).

Langkah 1: Minimalkan Pengumpulan Data yang Tidak Perlu

  1. Masuk ke Admin GA4
    Kunjungi Google Analytics dan buka properti GA4 Anda. Klik ikon ⚙️ Admin di kiri bawah.
  2. Buka Aliran Data (Data Streams)
    Di kolom "Property", klik Data Streams, lalu pilih aliran situs Anda.
  3. Matikan Event yang Tidak Relevan
    Klik ikon roda gigi di bagian Enhanced Measurement, lalu matikan event yang tidak digunakan:
    • Outbound clicks
    • Site search
    • Video engagement
    • File downloads
    Klik Simpan setelah selesai.

Langkah 2: Optimalkan Penempatan dan Pemuatan Tag GA4

  1. Ambil Kode gtag.js
    Dari aliran data, scroll ke bagian Google Tag > klik Lihat Petunjuk Tag > Instal secara manual. Salin kode seperti berikut:
    Notes

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag("js", new Date());
      gtag("config", "G-XXXXXXX");
    </script>
  2. Tempelkan di Template Blogspot
    Login ke Blogger > Tema > Edit HTML. Cari </body>, lalu tempelkan kode tadi tepat sebelum tag penutup tersebut.
    Setelah itu, Simpan tema Anda.

Kenapa ini penting?
Dengan "async" dan posisi di akhir halaman, browser bisa me-render konten utama lebih cepat. GA dimuat terakhir, sehingga tidak menghambat metrik penting seperti FCP dan LCP.


Langkah 3: Uji & Pantau Kinerja

  1. Bersihkan cache jika Anda menggunakan layanan caching.
  2. Uji ulang skor PageSpeed
    Buka PageSpeed Insights, masukkan URL situs Anda dan klik Analisis. Lihat skor FCP, LCP, dan TBT.
  3. Cek Realtime GA4 untuk memastikan data masih masuk.

Dengan menerapkan langkah-langkah ini, Anda akan mendapatkan performa situs yang lebih baik tanpa kehilangan kemampuan pelacakan pengguna. GA tetap jalan, tapi situs jadi makin ringan dan cepat.

PC thread | Dapatkan informasi komputer dan teknologi terkini, lengkap dengan ragam tutorial dan tips bermanfaat, dikemas secara ringan, komprehensif dan mendalam!