Optimalisasi PageSpeed — Jantenkeun Website Anjeun Langkung Gancang di 2026

Naha Kecepatan Mangrupa Faktor Rangking

Google parantos mastikeun yén kecepatan halaman mangaruhan rangking. Halaman anu lambat nyusahkeun pangguna, sareng Google hoyong nyayogikeun pangalaman anu pangsaéna. Data ti Google nunjukkeun yén probabilitas pangguna angkat tina halaman naék 32% nalika waktos muatan ti 1 ka 3 detik.

Tapi ieu sanés ngeunaan rangking waé. Kecepatan sacara langsung mangaruhan kauntungan anjeun:

Konversi — Unggal detik tambahan waktu muat ngirangan konversi dugi ka 7%
Tingkat bouncing — 53% pangguna mobile ninggalkeun halaman anu peryogi langkung ti 3 detik pikeun dimuat
Pangalaman pangguna — Halaman anu gancang katingalina profésional sareng dipercaya

Inti Web Vitals — Métrik Kecepatan Google

Google ngukur kecepatan ngalangkungan tilu métri Inti Web Vitals:

LCP — Largest Contentful Paint

Ngukur nalika elemen anu paling ageung katingal (biasana gambar atanapi judul) réngsé dimuat.

Hadé: Di handapeun 2.5 detik
Perlu perbaikan: 2.5 — 4.0 detik
Kurang: langkung ti 4.0 detik

INP — Interaction to Next Paint

Ngukur sabaraha gancang halaman ngabales nalika pangguna berinteraksi (klik, ngetik, ngagulung).

Hadé: Di handapeun 200ms
Perlu perbaikan: 200 — 500ms
Kurang: langkung ti 500ms

CLS — Cumulative Layout Shift

Ngukur sabaraha seueur tata letak anu robih salami muat. Anjeun terang rasana — anjeun hoyong ngaklik hiji hal, tapi tiba-tiba eusi na ngalih sareng anjeun ukur ngaklik anu sanés.

Hadé: Di handapeun 0.1
Perlu perbaikan: 0.1 — 0.25
Kurang: langkung ti 0.25

10 Tip Optimalisasi Konkret

1. Optimalkeun Gambar

Gambar biasana janten panginten anu pangbadagna. Anggo format modern saperti WebP atanapi AVIF, anu tiasa ngirangan ukuran file dugi ka 30-50% tanpa kaleungitan kualitas anu katingali.

Komprés sadaya gambar sateuacan diunggah
Anggo loading="lazy" dina gambar anu henteu katingali dina muatan awal
Teraskeun nyatakeun width sareng height pikeun ngahindarkeun CLS
Anggo gambar responsif kalayan srcset pikeun ukuran layar anu béda

2. Minify CSS sareng JavaScript

Cabut kode anu teu dianggo, rohangan kosong, sareng komentar tina file CSS sareng JS anjeun. Kalolobaan alat bangun ngalakukeun ieu sacara otomatis, tapi pastikeun éta leres-leres kajadian dina produksi.

3. Aktipkeun Komprési

Pastikeun server anjeun ngirim file nganggo komprési Gzip atanapi Brotli. Ieu tiasa ngirangan ukuran file dugi ka 70%.

4. Anggo Caching Panyungsi

Atur header Cache-Control supados panyungsi nyimpen file statis (CSS, JS, gambar) sacara lokal. Nalika pangguna nganjang deui, file ieu tidak perlu diunduh deui.

5. Kurangi Waktu Respon Server

Waktu respon server anjeun (Waktu ka Byte Pertama, TTFB) kedah di handapeun 200ms. Solusi:

Anggo panyadia hosting anu gancang
Aktipkeun caching sisi-server
Optimalkeun pamundut database
Anggo CDN pikeun nyayogikeun file statis ti server anu caket ka pangguna

6. Tunda JavaScript Non-Kritis

JavaScript anu henteu diperyogikeun pikeun tampilan awal kedah dimuat sacara asinkron kalayan async atanapi defer. Ieu umumna kalebet analitik, widget obrolan, sareng embedd média sosial.

7. Preload Sumber Kritis

Anggo pikeun font, CSS, sareng gambar anu diperyogikeun pikeun tampilan awal. Ieu nyaritakeun panyungsi pikeun prioritas kana file-file ieu.

8. Cabut Sumber Blocking Render

CSS sareng JavaScript dina ngahalangan rendering halaman. Pindahkeun CSS non-kritis ka handap, sareng inline CSS anu diperyogikeun pikeun tampilan awal (CSS kritis).

9. Anggo CDN

Jaringan Pengiriman Kontén nyebarkeun file anjeun di server di sakuliah dunya. Pangguna ngunduh tina server anu paling caket, sacara signifikan ngirangan laténsi.

10. Optimalkeun Font Web

Font khusus tiasa ngalambatkeun tampilan téks:

Anggo font-display: swap supados téks katingali kalayan font cadangan nalika font khusus diunduh
Subset font anjeun pikeun ngan karakter anu anjeun anggo
Preload font anu paling penting
Pertimbangkeun font sistem pikeun téks badan

Kumaha Ngukur Kecepatan Anjeun

Google PageSpeed Insights

Alat resmi ti Google. Masihan anjeun data lab (simulasi) sareng data lapangan (pangguna nyata) saling sareng saran perbaikan konkrit.

Chrome DevTools

Buka DevTools (F12), buka panel "Performa" sareng rékam muatan halaman. Anjeun tiasa ningali persis naon anu nyandak waktos sareng urutan naon file dimuat.

WebPageTest

Alat uji anu canggih anu ngamungkinkeun anjeun nguji ti lokasi anu béda sareng kecepatan koneksi. Nyayogikeun diagram waterfall anu rinci.

Prioritas — Mimitian Di Sini

Upami anjeun kedah milih tilu hal pikeun difokuskeun:

Gambar — Komprés sareng konvérsikan ka WebP. Pangaruh pangbadagna kalayan usaha anu paling saeutik.
Caching — Atur header Cache-Control anu leres. Pengaturan sakali.
JavaScript — Tunda sagala hal non-kritis. Kurangi skrip pihak katilu.

Hayang terang persis kumaha kinerja situs anjeun? Jalankeun audit gratis sareng tingali Inti Web Vitals sareng skor kecepatan anjeun.