antond.net

0 %
Anton Darmawanto
Front-end Developer
Ui/UX Designer
  • Residence:
    Indonesia
  • City:
    Jakarta Selatan
  • Age:
    40
Indonesian
English
Jawa
html
CSS
Js
PHP
WordPress
Proxmox
Laravel
Linux server (ubuntu, debian, fedora)
Alibaba Cloud
  • Proxmox, Vm Ware
  • Stylus, Sass, Less
  • Gulp, Webpack, Grunt
  • GIT knowledge
0

No products in the cart.

Return To Shop

Cara Cek Kecepatan Website dengan PageSpeed Insights: 7 Metrik yang Wajib Dipahami UMKM

21/10/2026

Calon pembeli mencari “jasa sablon kaos Jakarta” di Google, mengklik website sebuah UMKM, lalu menutup tabnya karena halamannya tak kunjung terbuka. Ia tidak komplain — langsung pindah ke website kompetitor, dan transaksi pun hilang tanpa Anda sadari.

Analoginya seperti warung makan. Pembeli sudah duduk di meja, tapi pelayan baru datang membawa menu setelah 10 menit. Sebagian sabar menunggu, kebanyakan berdiri dan pindah ke warung sebelah. Website bekerja persis seperti itu: kecepatan adalah pelayanan pertama yang dirasakan pengunjung — dan Google ikut memperhitungkannya dalam menentukan peringkat.

Kabar baiknya, Google menyediakan alat gratis untuk mengukurnya: PageSpeed Insights. Masalahnya, laporannya penuh angka dan istilah asing yang membingungkan pemilik usaha. Artikel ini memandu Anda: cara membukanya, cara membaca 7 metrik pentingnya dengan bahasa sehari-hari, dan perbaikan apa yang paling berdampak untuk website UMKM.

1. Cara Membuka dan Memakai PageSpeed Insights

Menggunakannya tidak perlu keahlian teknis.

  1. Buka browser dan kunjungi pagespeed.web.dev (alamat resmi alat ini).
  2. Ketik alamat website Anda, misalnya https://tokorotianda.com — uji halaman terpenting dulu: homepage atau halaman produk terlaris.
  3. Klik Analyze, lalu tunggu sekitar 30–60 detik.

Hasilnya berupa skor 0–100 plus sederet metrik di bawahnya. Di bagian atas ada dua tab: Mobile dan Desktop. Karena kebanyakan pelanggan UMKM membuka website lewat HP, biasakan membaca tab Mobile terlebih dahulu.

Satu tips: jalankan tes 2–3 kali dan lihat rentang hasilnya, karena skor bisa berubah antar tes mengikuti kondisi jaringan. Yang penting polanya, bukan satu angka tunggal.

2. Skor 0–100: Artinya Apa?

Angka besar berwarna ini paling sering di-screenshot, tapi juga paling sering disalahpahami:

  • 90–100 (hijau): Baik. Website tergolong cepat menurut pengujian laboratorium.
  • 50–89 (oranye): Perlu ditingkatkan. Ada masalah yang layak diperbaiki.
  • 0–49 (merah): Buruk. Kecepatan kemungkinan besar sudah mengganggu pengunjung.

Fakta yang jarang diketahui: skor ini berasal dari simulasi laboratorium, bukan pengalaman pengunjung asli Anda. Penilaian Google justru lebih mengandalkan data pengguna nyata — yang dibahas di metrik berikutnya.

Jadi skor 100 bukan syarat mutlak naik peringkat. Banyak website UMKM yang skornya “hanya” 70-an tapi tetap laris karena pengunjungnya merasa cukup cepat. Jadikan skor ini kompas perbaikan, bukan nilai rapor yang harus sempurna.

3. LCP — Largest Contentful Paint (Konten Terbesar Muncul Kapan?)

LCP menjawab: berapa lama sampai isi utama halaman terlihat pengunjung? Biasanya berupa gambar besar di bagian atas, banner promosi, atau blok teks terbesar.

Kembali ke analogi warung: LCP adalah waktu sejak pembeli duduk sampai menu tersaji. Kalau menunya lama datang, pembeli mulai gelisah.

Patokan umumnya:

  • Di bawah 2,5 detik: baik. Pengunjung merasa halaman langsung terbuka.
  • 2,5–4 detik: perlu ditingkatkan. Mulai terasa ada jeda.
  • Di atas 4 detik: buruk. Sebagian pengunjung pergi sebelum konten utama muncul.

Penyebab paling sering di website UMKM: foto atau banner berukuran raksasa (misalnya 5 MB langsung dari kamera HP) di bagian atas halaman. Gambar sebesar itu lama diunduh, apalagi oleh pelanggan berinternet seluler.

4. INP — Interaction to Next Paint (Responsif Saat Diklik?)

Kalau LCP soal kecepatan muncul, INP soal kecepatan merespons. INP mengukur berapa cepat halaman bereaksi secara visual setiap kali pengunjung berinteraksi — mengetuk tombol, membuka menu, mengisi formulir, atau menggeser galeri foto.

Analoginya: pembeli melambaikan tangan memanggil pelayan. INP yang baik berarti pelayan langsung menoleh; INP yang buruk berarti ia baru menoleh setelah dipanggil tiga kali — pengunjung mengira tidak dilayani, lalu pergi.

Patokan umumnya:

  • Di bawah 200 milidetik: baik. Terasa instan dan mulus.
  • 200–500 milidetik: perlu ditingkatkan. Mulai terasa ada jeda.
  • Di atas 500 milidetik: buruk. Pengunjung mengira tombolnya rusak.

INP buruk biasanya disebabkan terlalu banyak script — misalnya website yang memasang sekaligus plugin chat WhatsApp, pop-up diskon, slider animasi, dan kode pelacakan iklan.

5. CLS — Cumulative Layout Shift (Tampilan Melompat-Lompat?)

Pernah hendak mengetuk tombol “Beli Sekarang” di HP, tiba-tiba gambar di atasnya selesai dimuat, halaman bergeser, dan jari Anda malah mengetuk iklan? Itulah yang diukur CLS: seberapa besar tampilan halaman bergeser sendiri saat dimuat.

Ibarat meja warung yang goyang saat pembeli mau menyendok — tidak nyaman dan bikin kapok.

CLS memakai skala angka, bukan detik:

  • Di bawah 0,1: baik. Tampilan stabil.
  • 0,1–0,25: perlu ditingkatkan. Ada pergeseran yang terasa.
  • Di atas 0,25: buruk. Halaman sering “melompat” saat dimuat.

Penyebab klasik: gambar atau banner yang dimuat tanpa ukuran pasti. Solusinya: pastikan setiap gambar punya dimensi yang jelas — biasanya bisa diatur lewat tema atau plugin website Anda.

6. Skor Mobile vs Desktop: Kenapa Berbeda Jauh?

Skor desktop 95 (hijau) tapi skor mobile 45 (merah)? Penyebabnya: pengujian mobile disimulasikan dengan kondisi jauh lebih berat — internet seluler yang lebih lambat dan HP kelas menengah. Inilah kondisi nyata sebagian besar pengunjung website UMKM Indonesia.

Mayoritas pencarian lokal di Indonesia dilakukan lewat HP, jadi skor mobile-lah yang paling mewakili pengalaman calon pembeli Anda. Kalau skor mobile merah sementara desktop hijau, perbaiki versi mobilenya — misalnya gambar yang terlalu besar untuk layar HP.

7. Dari Skor ke Aksi: 5 Perbaikan Paling Berdampak untuk UMKM

Mulai dari mana? Berikut lima perbaikan dengan dampak terbesar dan usaha terkecil — cocok untuk pemilik usaha tanpa tim IT.

a. Kompres gambar sebelum diunggah

Ini perbaikan nomor satu untuk kebanyakan website UMKM: foto produk 4–5 MB bisa dikompres menjadi di bawah 200 KB tanpa perbedaan terlihat di layar HP. Pakai alat gratis seperti TinyPNG, atau plugin WordPress seperti Smush yang mengompres otomatis. Dampaknya langsung ke LCP.

Contoh nyata: website toko roti milik Pak Budi di Surabaya memakai banner foto 6 MB dari kamera. Setelah dikompres menjadi 180 KB, LCP turun dari sekitar 5 detik menjadi di bawah 2,5 detik — dan keluhan “webnya lemot” dari pelanggan berhenti.

b. Aktifkan caching

Caching menyimpan salinan halaman yang sudah jadi, sehingga pengunjung berikutnya tidak menunggu website merakit halaman dari nol. Di WordPress, plugin gratis seperti LiteSpeed Cache aktif dalam hitungan menit dan mempercepat segalanya: LCP, INP, dan skor keseluruhan.

c. Kurangi plugin dan script yang tidak perlu

Setiap plugin WordPress menambah beban. Audit daftar plugin Anda dan hapus yang tidak benar-benar dipakai. Waspadai kombinasi page builder berat plus tumpukan pop-up, slider, dan widget chat yang berjalan bersamaan — inilah biang kerok INP buruk.

d. Pilih hosting yang memadai

Hosting murah berserver lambat ibarat dapur warung yang cuma punya satu kompor untuk 50 pembeli. Jika website sudah dioptimasi tapi LCP tetap di atas 4 detik, kemungkinan masalahnya di server — pertimbangkan hosting dengan server di Asia/Singapura.

e. Manfaatkan CDN untuk gambar dan file statis

CDN menyimpan salinan gambar dan file website Anda di banyak server di berbagai kota, sehingga pengunjung mengunduh dari server terdekat. Cloudflare punya paket gratis yang mudah dipasang dan sering memangkas waktu muat secara signifikan.

Kesimpulan

Intinya sederhana: PageSpeed Insights memberi tahu apakah website Anda cukup cepat untuk calon pembeli atau tidak. Ingat tiga hal:

  1. Fokus pada pengalaman nyata, bukan skor sempurna. Skor 0–100 hanyalah simulasi laboratorium; yang dinilai Google untuk peringkat adalah data pengguna nyata.
  2. Kenali tiga metrik intinya. LCP (konten utama muncul, idealnya di bawah 2,5 detik), INP (respons saat diklik, idealnya di bawah 200 milidetik), CLS (tampilan tidak melompat, idealnya di bawah 0,1).
  3. Mulai dari yang paling berdampak: kompres gambar, aktifkan caching, rapikan plugin, dan pastikan hosting memadai.

Cek rutin sebulan sekali, atau setiap kali mengunggah banyak foto produk baru. Website yang cepat bukan sekadar soal teknis — ini soal menghargai waktu calon pembeli, dan pembeli yang dihargai waktunya jauh lebih mungkin menjadi pelanggan.

Posted in Tips & TrikTags: