Quay lại bản đồ

Core Web Vitals: hướng dẫn tối ưu cho người không code

Hiểu LCP, INP, CLS và cách cải thiện chúng cho website WordPress mà không cần code. Step-by-step + công cụ free.

TL;DR

  • 3 metric Core Web Vitals 2026: LCP < 2.5s, INP < 200ms, CLS < 0.1.
  • Site Việt phổ biến fail LCP vì hosting chậm + ảnh không tối ưu.
  • 5 actions không-code có thể fix 60-80% issue: hosting tốt, image compression, lazy load, plugin cleanup, Cloudflare.
  • Đo với PageSpeed Checker miễn phí trước khi tối ưu.

Core Web Vitals là gì?

Google ranking factor đo trải nghiệm thực của user trên trang web. 3 metric chính:

LCP (Largest Contentful Paint)

Đo: Thời gian load element lớn nhất trong viewport (thường là hero image hoặc heading).

Threshold:

  • Good: < 2.5s
  • Needs improvement: 2.5-4s
  • Poor: > 4s

Phổ biến fail vì: hosting xa user, ảnh hero không optimize, no CDN.

INP (Interaction to Next Paint) — thay FID từ 3/2024

Đo: Độ trễ trung bình giữa user interaction (click, tap, type) → next visual update.

Threshold:

  • Good: < 200ms
  • Needs improvement: 200-500ms
  • Poor: > 500ms

Phổ biến fail vì: JavaScript bloat, third-party scripts (Facebook pixel, GTM, chat widget), heavy plugins.

CLS (Cumulative Layout Shift)

Đo: Mức độ layout shift bất ngờ (ảnh nhảy, ads pop, font swap).

Threshold:

  • Good: < 0.1
  • Needs improvement: 0.1-0.25
  • Poor: > 0.25

Phổ biến fail vì: ảnh không set width/height, ads/embeds đến muộn, font fallback shift.

Cách đo Core Web Vitals

Tool 1: PageSpeed Insights (Google)

Vào pagespeed.web.dev → nhập URL → result mobile + desktop.

Hiểu kết quả:

  • Field data = đo từ user thật (Chrome Real-User Monitoring) — quan trọng nhất.
  • Lab data = mô phỏng — chỉ tham khảo, có thể khác user thật.

Tool 2: Search Console → Core Web Vitals report

search.google.com/search-console → Core Web Vitals → list URL pass/fail.

Đây là data Google dùng để rank → must-check.

Tool 3: D-Solutions PageSpeed Checker

Đo cả mobile + desktop cùng lúc, side-by-side comparison: PageSpeed Checker.

5 actions không-code fix Core Web Vitals

1. Đổi hosting tốt hơn

Hosting shared giá 50-150K/tháng (Mắt Bão, Hostinger basic) thường:

  • TTFB (Time to First Byte) 1-3s → LCP fail ngay.
  • Overload buổi peak.

Upgrade:

  • WordPress hosting chuyên: Kinsta, WP Engine, RunCloud — $20-50/tháng.
  • Cloud VPS DigitalOcean / Vultr + LiteSpeed → $5-20/tháng tự manage.
  • Cloudflare Pages cho static site → FREE.

Cải thiện LCP: 0.5-2 giây.

2. Tối ưu ảnh

Site WP trung bình có 10-50% trang là ảnh.

Tools không-code:

  • Image Compressor D-Solutions tool — bulk compress.
  • TinyPNG (web): drop ảnh, download lại.
  • ShortPixel plugin: auto compress upload mới.

Convert format:

  • JPG → WebP (giảm 30-50%)
  • PNG có transparency → WebP hoặc AVIF

Resize trước upload:

  • Đừng upload 4000×3000 cho hero hiển thị 1200×600.
  • Resize đúng size cần dùng.

Cải thiện LCP: 0.5-1.5s.

3. Lazy load ảnh + iframe

Plugin cho WordPress: a3 Lazy Load (free) hoặc dùng built-in WordPress 5.5+ (đã auto).

Lazy load = ảnh dưới viewport không load đến khi user scroll tới. Giảm initial payload 50-80%.

Cải thiện LCP: 0.3-1s.

4. Cleanup plugins + third-party scripts

Mỗi plugin = +CSS/JS, +API call, +database query.

Audit:

  • Vào WP Admin → Plugins
  • Deactivate plugin không dùng > 3 tháng
  • Replace plugin “Frankenstein” (làm 10 việc) bằng plugin focused

Third-party scripts cần ngắt:

  • Facebook Pixel + Pixel Helper test mode
  • Multiple Google Analytics scripts (chỉ giữ 1 GA4)
  • Live chat widget không essential

Cải thiện INP: 100-300ms.

5. Cloudflare CDN + caching

Đã đề cập trong bài Cloudflare. Setup 15 phút → LCP cải thiện 30-70%, INP cải thiện cũng đáng kể.

WordPress: thêm plugin Cloudflare official để cache rules tốt hơn.

Cải thiện LCP: 0.3-1.5s tùy user location.

Plugins WordPress đáng tin cậy

PluginFunctionFree?
WP RocketCache + minify + lazy$59/year
LiteSpeed CacheCache + image optimizeFree (cần LiteSpeed hosting)
AutoptimizeMinify CSS/JS, defer scriptsFree
ShortPixelAuto image compressionFree 100/month
PerfmattersDisable scripts/queries selective$24.95/year
Asset CleanUpDisable plugins per pageFree + Pro

Combo tốt nhất cho 90% site WP:

  • WP Rocket OR LiteSpeed Cache (cache + minify)
  • ShortPixel (image)
  • Cloudflare (CDN)

Common pitfalls

  1. Cài quá nhiều plugin “tối ưu” — Conflict gây slow hơn. Chọn 1 plugin cache + 1 image plugin.

  2. Compress quá mạnh — Quality 30% → ảnh xấu. Sweet spot 75-85%.

  3. Defer JS quá aggressive — Đứt tracking, đứt analytics, đứt UI. Test mỗi script trước defer.

  4. Đo lab data, không đo field data — Lab pass nhưng user thật fail. Phải check Search Console Real-User Monitoring.

  5. Optimize 1 page — Google đo nhiều URL. Audit homepage, blog, product page, contact page riêng.

Roadmap 30 ngày fix Core Web Vitals

Tuần 1: Audit

  • Run PageSpeed Insights cho 10 URL quan trọng
  • Check Search Console CWV report
  • Note metric baseline

Tuần 2: Quick wins

  • Compress all images (ShortPixel)
  • Setup Cloudflare
  • Bật lazy load

Tuần 3: Plugin cleanup

  • Deactivate unused plugins
  • Audit third-party scripts (GTM, Facebook, chat)
  • Cài WP Rocket / LiteSpeed Cache

Tuần 4: Re-measure + fine-tune

  • Run PageSpeed lại
  • Compare với baseline
  • Document improvements

Kỳ vọng cải thiện:

  • LCP: -1 đến -3 giây
  • INP: -50 đến -200ms
  • CLS: -0.05 đến -0.15

Kết luận

Core Web Vitals không “khoa học tên lửa”. 80% issue fix được không cần code — chỉ cần hosting tốt, ảnh tối ưu, plugin clean, CDN đúng.

Nếu site WordPress đang fail CWV + cần expert intervention, D-Solutions có gói Bảo trì Web bao gồm CWV audit + optimization định kỳ.

Dịch vụ liên quan

SEO Thiết kế Web