Core Web Vitals Là Gì? Cách Đưa PageSpeed Lên 90+ (Không Cần Là Dev)

Năm 2026 Google dùng Core Web Vitals là Ranking factor — web qua được cả 3 chỉ số xếp hạng cao hơn web không qua trong thị trường competitive giống nhau.

Ngoài ra, Core Web Vitals liên quan trực tiếp đến Conversion: web có LCP giảm 1 giây, Conversion tăng 8-12%.

Core Web Vitals Là 3 Chỉ Số

1. LCP (Largest Contentful Paint)

Đo ảnh hoặc đoạn text chính tải xong khi nào

Score	Trạng thái
< 2.5 giây	Tốt
2.5-4.0 giây	Cần cải thiện
> 4.0 giây	Kém

Nguyên nhân LCP chậm:

Image cỡ lớn (5MB hero image)
Slow server response (TTFB > 600ms)
Render-blocking JS/CSS
Web Font tải chậm

2. CLS (Cumulative Layout Shift)

Đo layout “tự dịch chuyển” sau khi tải bao nhiêu

Score	Trạng thái
< 0.1	Tốt
0.1-0.25	Cần cải thiện
> 0.25	Kém

Nguyên nhân CLS cao:

Image không có width/height
Ads / Embed thêm sau
Web Font Swap rồi layout đổi
Dynamic content Inject

3. INP (Interaction to Next Paint) — Thay FID Từ 2024

Đo sau click/chạm trang phản hồi nhanh thế nào

Score	Trạng thái
< 200ms	Tốt
200-500ms	Cần cải thiện
> 500ms	Kém

Nguyên nhân INP cao:

Heavy JavaScript Block Main thread
Many event listeners
Slow third-party scripts (Analytics, Chat widget)

Test Core Web Vitals — Tool Miễn Phí

PageSpeed Insights — Quick test cho 1 trang
Web.dev Measure — Lighthouse trên web
Chrome DevTools Lighthouse — Test Local
CrUX Report — Real user data từ Chrome
Google Search Console → Core Web Vitals tab — Real performance của web bạn

Dùng GSC Real Data làm chính vì đây là điều Google dùng để Rank.

Cách Sửa Core Web Vitals — Theo Thứ Tự Priority

Priority 1: Image Optimization (Sửa LCP)

Đây là việc dễ làm nhất và tác động lớn nhất

Dùng WebP / AVIF:

JPEG 2MB → WebP 200KB (nhỏ hơn 90%)
AVIF 100KB (nhỏ hơn 95%)

Thêm width / height:

<img src="hero.webp" width="1200" height="630" alt="...">

Lazy Load cho ảnh không phải Hero:

<img src="..." loading="lazy" alt="...">

Use Modern Image Format qua CDN:

Cloudflare Image / Imgix / Cloudinary

Priority 2: Reduce JavaScript (Sửa LCP + INP)

Giảm Third-party scripts:

Mọi Tool (Hotjar, Intercom, Chat widget) là “tax” của Performance
Chỉ dùng cái thực sự cần

Defer Non-critical JS:

<script src="..." defer></script>

Code Splitting (cho Modern Stack):

Next.js / Astro làm tự động
WordPress phải cài Plugin

Priority 3: Server Response (Sửa LCP)

Target TTFB < 600ms:

Upgrade Hosting (từ Shared → VPS/Cloud)
Use CDN (Cloudflare, CloudFront, Fastly)
Enable Caching (Page cache + Object cache)

Cho WordPress:

Dùng Cloudflare APO + WP Rocket
Server-level cache (Nginx FastCGI)

Cho Modern Stack (Astro / Next.js):

Static-generated hoặc ISR
Deploy trên Edge (Cloudflare Workers, Vercel Edge)

Priority 4: Reserve Space (Sửa CLS)

Thêm width/height mọi Image / Video / iframe

Reserve space cho Ads:

.ad-slot {
  min-height: 250px; /* biết cỡ ads trước */
}

Avoid Web Font Layout Shift:

Use font-display: optional hoặc swap
Preload critical font

Priority 5: Optimize Third-party (Sửa INP)

Move heavy scripts to Web Worker:

Partytown library (Astro có integration)

Replace heavy widgets:

Disqus → Giscus (nhẹ hơn, GitHub-based)
Intercom → Open source alternative

Loại Web Nào Sửa Khó Hơn

WordPress + Page Builder (Khó nhất)

Elementor / Divi / WPBakery tải JS nặng
Plugin Hell — mọi plugin thêm JS
Thường sửa được 75-85 PageSpeed Mobile
Sửa Real: đổi Theme + giảm Plugin hoặc Migrate sang Modern Stack

Đọc WordPress Speed Optimization

Custom WordPress Theme (Trung bình)

Tùy Theme + Cache plugin
Làm được 85-90+
Phải Optimize ở mức Code

Modern Stack: Astro / Next.js (Dễ nhất)

PageSpeed 90+ Day 1 (Default)
Không cần cài Plugin
Static-first architecture

Đọc WordPress vs Astro

Real Case Phuket Hotel

Khách sạn ở Karon, 2024:

Trước: Mobile 42, LCP 5.8s, CLS 0.34
Migrate WordPress → Astro: Mobile 96, LCP 1.4s, CLS 0.02 (3 tuần làm)
Kết quả: Direct Booking Conversion tăng 28% trong 60 ngày đầu sau Migrate

Bắt Đầu Sửa Core Web Vitals — Roadmap 30 Ngày

Tuần 1: Audit (dùng PageSpeed + GSC Core Web Vitals tab) Tuần 2: Image optimization (convert toàn bộ sang WebP, thêm width/height) Tuần 3: JS optimization (Defer non-critical, Remove unused) Tuần 4: Hosting + Cache (Upgrade nếu cần)

Sau 30 ngày, kỳ vọng PageSpeed Mobile tăng 15-25 điểm.

Yêu Cầu Performance Audit Từ Chúng Tôi

Nếu web bạn PageSpeed Mobile < 60 và xếp hạng kém, yêu cầu Audit — chúng tôi benchmark + làm Action Plan tiếng Việt.

Hoặc nếu đã quyết định Migrate sang Modern Stack, xem Web Development.