Technical SEO
Pengoptimuman Page Speed untuk SEO
Page speed mengukur sepantas mana kandungan sesebuah halaman web dimuatkan dan menjadi interaktif. Ia adalah faktor ranking Google untuk hasil mobile dan desktop, dan metrik utama termasuk Time to First Byte (TTFB), Largest Contentful Paint (LCP), dan Time to Interactive.
Page speed mengukur sepantas mana laman web anda dimuatkan dan menjadi boleh diguna. Ia adalah faktor ranking Google dan secara langsung mempengaruhi pengalaman pengguna. Metrik utama termasuk Time to First Byte (TTFB), Largest Contentful Paint (LCP), dan Time to Interactive. Tapak yang lebih pantas ranking lebih baik dan menukar lebih ramai pelawat.
Kenapa Page Speed Penting
Impak SEO
Page speed ialah faktor ranking yang disahkan.
Pendirian Google:
- Faktor kelajuan sejak 2010 (desktop)
- Faktor kelajuan sejak 2018 (mobile)
- Faktor Core Web Vitals sejak 2021
Impak Pengalaman Pengguna
| Masa Muat | Impak Kadar Pental |
|---|---|
| 1-3 saat | Peningkatan 32% |
| 1-5 saat | Peningkatan 90% |
| 1-6 saat | Peningkatan 106% |
| 1-10 saat | Peningkatan 123% |
Impak Perniagaan
- Kadar penukaran lebih tinggi
- Metrik penglibatan lebih baik
- Kepuasan pelanggan meningkat
- Kadar pental lebih rendah
Metrik Page Speed
Time to First Byte (TTFB)
Masa sehingga pelayar menerima bait pertama dari pelayan.
TTFB baik: Di bawah 600ms Dipengaruhi oleh: Prestasi pelayan, CDN, caching
Untuk tapak yang dihos di Malaysia atau Asia Tenggara, TTFB boleh tinggi untuk pelawat global. CDN seperti Cloudflare (dengan node edge Singapura) menurunkan angka tersebut dengan ketara.
First Contentful Paint (FCP)
Masa sehingga kandungan pertama dipaparkan pada skrin.
FCP baik: Di bawah 1.8 saat Dipengaruhi oleh: Sumber render-blocking, tindak balas pelayan
Largest Contentful Paint (LCP)
Masa sehingga elemen kandungan terbesar dimuatkan.
LCP baik: Di bawah 2.5 saat Dipengaruhi oleh: Imej, tindak balas pelayan, rendering pihak klien
Lihat Core Web Vitals untuk pengoptimuman LCP yang terperinci.
Speed Index
Sepantas mana kandungan dipaparkan secara visual.
Speed Index baik: Di bawah 3.4 saat
Time to Interactive (TTI)
Masa sehingga halaman menjadi interaktif sepenuhnya.
TTI baik: Di bawah 3.8 saat Dipengaruhi oleh: Pelaksanaan JavaScript, blokade main thread
Teknik Pengoptimuman Kelajuan
Pengoptimuman Pelayan
Tingkatkan TTFB:
1. Guna hosting berkualiti (hos tempatan Malaysia seperti Shinjiru atau Exabytes, atau penyedia global dengan kehadiran APAC)
2. Laksanakan caching pihak pelayan
3. Guna CDN untuk aset statik
4. Optimumkan pertanyaan pangkalan data
5. Dayakan HTTP/2 atau HTTP/3
6. Guna edge computing di mana bermanfaatPengoptimuman Imej
Imej biasanya fail terbesar pada sesebuah halaman.
| Teknik | Impak |
|---|---|
| Mampatan | Pengurangan saiz 50-80% |
| Format moden (WebP, AVIF) | 25-50% lebih kecil daripada JPEG |
| Imej responsif | Sajikan saiz yang sesuai |
| Lazy load | Tangguhkan imej luar skrin |
Senarai semak pengoptimuman imej:
- Mampat semua imej
- Guna WebP dengan fallback JPEG
- Laksanakan srcset untuk imej responsif
- Lazy load imej bawah fold
- Tetapkan dimensi yang jelas
Pengoptimuman CSS
Teknik:
- Minify fail CSS
- Buang CSS yang tidak digunakan
- Inline CSS kritikal
- Tangguhkan CSS tidak kritikal
- Elakkan @import
Contoh CSS kritikal:
<head>
<style>
/* Inline critical above-fold styles */
.header { ... }
.hero { ... }
</style>
<link rel="preload" href="styles.css" as="style" onload="this.rel='stylesheet'">
</head>Pengoptimuman JavaScript
Teknik:
- Minify JavaScript
- Buang kod yang tidak digunakan
- Tangguhkan script tidak kritikal
- Guna async untuk script yang bebas
- Code split bundle yang besar
<!-- Defer non-critical JS -->
<script defer src="analytics.js"></script>
<!-- Async for independent scripts -->
<script async src="chat-widget.js"></script>Caching
Manfaatkan browser caching untuk pelawat berulang.
Cache-Control headers:
# Static assets (1 year)
Cache-Control: public, max-age=31536000
# HTML (revalidate)
Cache-Control: no-cacheMampatan
Dayakan mampatan teks untuk pemindahan lebih pantas.
Pilihan mampatan:
- Brotli (mampatan terbaik, disokong Cloudflare)
- Gzip (sokongan lebih luas)
Resource Hints
Preload sumber kritikal.
<!-- Preload critical font -->
<link rel="preload" href="font.woff2" as="font" crossorigin>
<!-- Preload LCP image -->
<link rel="preload" href="hero.webp" as="image">
<!-- DNS prefetch for third parties -->
<link rel="dns-prefetch" href="//cdn.example.com">
<!-- Preconnect to critical origins -->
<link rel="preconnect" href="https://fonts.googleapis.com">Mengukur Page Speed
Alat Google
| Alat | Tujuan | Jenis Data |
|---|---|---|
| PageSpeed Insights | Analisis terperinci | Lab + Field |
| Search Console | Isu seluruh tapak | Field |
| Lighthouse | Audit teknikal | Lab |
| Chrome DevTools | Nyahpepijat | Lab |
Alat Pihak Ketiga
- GTmetrix - penjejakan sejarah dengan waterfall analysis
- WebPageTest - waterfall terperinci dari pelbagai lokasi
- Pingdom - pemantauan uptime + kelajuan
Real User Monitoring (RUM)
Jejak pengalaman pengguna sebenar.
Pilihan RUM:
- Chrome User Experience Report
- Google Analytics Web Vitals
- Alat RUM pihak ketiga
Senarai Semak Pengoptimuman Kelajuan
Pelayan
- Penyedia hosting berkualiti
- CDN untuk aset statik
- Caching pihak pelayan
- HTTP/2 didayakan
- TTFB di bawah 600ms
Imej
- Semua imej dimampatkan
- Format WebP digunakan
- Imej responsif (srcset)
- Lazy load dilaksanakan
- Dimensi jelas ditetapkan
Kod
- CSS diminify
- JavaScript diminify
- Kod tidak digunakan dibuang
- CSS kritikal di-inline
- JS tidak kritikal ditangguhkan
Caching
- Browser caching dikonfigurasi
- Cache headers dioptimumkan
- Service worker (jika berkenaan)
Penyajian
- Mampatan didayakan (Brotli/Gzip)
- Resource hints digunakan
- Script pihak ketiga diaudit
- Render-blocking dihapuskan
Kesilapan Kelajuan Biasa
- Imej tidak dioptimumkan - Impak terbesar pada masa muat
- Tiada caching - Setiap lawatan memuat semula
- Sumber render-blocking - Melambatkan paparan pertama
- Terlalu banyak permintaan HTTP - Setiap permintaan menambah latensi
- Script pihak ketiga berat - Analytics, iklan, widget sembang
- Tiada CDN - Jarak antara pelayan dan pengguna menambah latensi
- Kod tidak diminify - Pemindahan fail lebih besar
Page speed secara langsung mempengaruhi ranking SEO, pengalaman pengguna, dan metrik perniagaan. Tapak yang lebih pantas ranking lebih baik, melibatkan pengguna dengan lebih berkesan, dan menukar pada kadar lebih tinggi.
Mulakan dengan item berimpak tertinggi: optimumkan imej, dayakan caching, dan hapuskan sumber render-blocking. Jalankan PageSpeed Insights untuk mengenal pasti kesesakan tertentu, kemudian jejak penambahbaikan dari masa ke masa dalam GTmetrix.
Gabungkan pengoptimuman page speed dengan sasaran Core Web Vitals untuk prestasi yang seimbang. Kelajuan ialah elemen asas technical SEO yang menyentuh setiap faktor ranking lain. Audit berkala mengesan regresi sebelum ia menjejaskan ranking.
Soalan lazim
Apakah skor page speed yang baik?
Sasarkan skor PageSpeed Insights 90+ pada desktop dan 70+ pada mobile. Lebih penting lagi, capai ambang Core Web Vitals: LCP di bawah 2.5 saat, INP di bawah 200ms, CLS di bawah 0.1. Data pengguna sebenar (field data) lebih penting daripada skor lab.
Adakah page speed mempengaruhi ranking SEO?
Ya, page speed ialah faktor ranking Google yang disahkan. Ia sebahagian daripada isyarat Page Experience melalui Core Web Vitals. Tapak yang lambat ranking lebih rendah dan kehilangan trafik akibat pengalaman pengguna yang buruk. Kelajuan amat penting untuk hasil carian mobile.
Apa yang paling memperlahankan kelajuan laman web?
Punca biasa kelajuan rendah ialah imej besar yang tidak dioptimumkan, JavaScript dan CSS yang render-blocking, masa tindak balas pelayan yang lambat, terlalu banyak permintaan HTTP, tiada caching, dan script pihak ketiga yang berat. Imej biasanya punca terbesar dari segi saiz fail.
Bagaimana cara uji page speed untuk audiens Malaysia?
Jalankan ujian dari rantau Asia-Pasifik dalam GTmetrix atau WebPageTest. Gunakan CDN percuma Cloudflare - node edge Singapura menyajikan pelawat Malaysia dengan pantas. Semak juga field data PageSpeed Insights, yang mencerminkan pengguna Chrome sebenar dalam audiens geografi anda.
Mencari penyedia SEO di Malaysia?
Layari direktori dan banding agensi serta perunding sebenar:
Kemaskini terakhir: 2026-06-25