Performance (CWV)
Core Web Vitals là bộ chỉ số đo trải nghiệm tải trang bằng số: thời điểm nội dung lớn nhất hiện ra, mức xê dịch bố cục trong lúc tải, và độ trễ khi người dùng chạm vào trang.
Đo được thì sửa được đúng chỗ: ảnh nặng, thiếu khai kích thước, hay script chặn hiển thị. Nhưng đây là chỉ số trải nghiệm, cải thiện nó không thay được nội dung chưa trả lời đúng câu hỏi.
Khóa học online dùng bài trong cụm này
Khóa học online dưới đây dùng chính các bài trong cụm này làm nguồn, nên phần nào đọc trước phần nào đã được xếp sẵn, và sau mỗi bài học có một bài kiểm tra kèm giải thích cho từng đáp án. Mở thẻ khóa để coi danh sách bài trước khi quyết học.
Tin tức SEO
Bản tin ghi lại các thay đổi liên quan tới Performance (CWV), kèm phần ảnh hưởng tới việc bạn đang làm. Đọc để biết có cần sửa gì trên website hay cứ để yên rồi theo dõi tiếp một thời gian.
Wiki SEO
Wiki SEO về Performance (CWV), giải thích bằng lời dễ hiểu: nó là gì, làm thế nào và kiểm lại ra sao. Mở khi bạn đang làm dở mà vướng một chỗ, đọc đúng mục đó rồi quay ra làm tiếp.
-
Viewport Meta Tag Là Gì? Cách Khai Thẻ Viewport Đúng
Viewport meta tag là thẻ báo trình duyệt di động dựng trang theo bề ngang thiết bị. Cách khai width=device-width, initial-scale=1, mục P1.21 của SQA-200.
-
Tap Target Là Gì? Kích Thước Nút Bấm Chuẩn Trên Di Động
Tap target là vùng chạm của nút, link và ô nhập trên màn hình cảm ứng. Chuẩn 48 x 48 px, cách nhau 8 px, cách kiểm bằng DevTools, mục P1.20 của SQA-200.
-
Browser Caching Là Gì? Cách Đặt Cache-Control Cho Website
Browser caching là việc trình duyệt giữ lại tệp tĩnh để lần sau khỏi tải lại. Cách đặt Cache-Control max-age, đặt tên tệp có hash, chuẩn P1.11 của SQA-200.
-
Unused CSS, JavaScript Là Gì? Cách Gỡ Mã Không Dùng
Unused CSS, JavaScript là mã trang tải về mà không dùng tới. Cách tìm bằng tab Coverage, gỡ bằng code splitting và tree shaking, chuẩn P1.09 của SQA-200.
-
Critical CSS Là Gì? Cách Nhúng CSS Của Màn Hình Đầu
Critical CSS là phần CSS của màn hình đầu, nhúng thẳng vào trang để nội dung hiện sớm. Cách tìm bằng tab Coverage, giới hạn 14 KB, chuẩn P1.08 của SQA-200.
-
Lazy Loading Là Gì? Cách Hoãn Tải Ảnh Ngoài Màn Hình
Lazy loading là hoãn tải ảnh, iframe ngoài màn hình tới khi người dùng cuộn gần tới. Cách dùng loading=lazy, lỗi làm Google không thấy ảnh, chuẩn P1.07.
-
WebP Và AVIF Là Gì? Cách Chuyển Ảnh Sang Định Dạng Mới
WebP và AVIF là hai định dạng ảnh nén gọn hơn JPEG, PNG. Cách chuyển ảnh, đặt ảnh dự phòng bằng thẻ picture, kiểm bằng Lighthouse, chuẩn P1.06 của SQA-200.
-
Nén Gzip, Brotli Là Gì? Cách Bật Nén Văn Bản Cho Website
Nén Gzip, Brotli là cách máy chủ nén HTML, CSS, JavaScript trước khi gửi. Cách kiểm header content-encoding, chọn Brotli hay Gzip, chuẩn P1.05 của SQA-200.
-
Minify Code Là Gì? Cách Rút Gọn HTML, CSS, JS Cho Website
Minify code là rút gọn HTML, CSS, JS bằng cách bỏ khoảng trắng và chú thích. Cách kiểm bằng Lighthouse, công cụ minify và chuẩn P1.10 của SQA-200.
-
CDN & Edge SEO: Tối ưu hóa hạ tầng và xử lý dữ liệu tại biên
Trong mô hình truyền thống, mọi yêu cầu từ người dùng đều phải đi quãng đường dài đến Server gốc (Origin Server).
-
INP (Interaction to Next Paint): Kỹ thuật tối ưu hóa khả năng phản hồi
INP đo lường khoảng thời gian từ khi người dùng thực hiện một tương tác (nhấp chuột, chạm màn hình, nhấn phím) cho đến khi trình duyệt có thể vẽ.
-
CLS & Layout Stability: Kỹ thuật chống xê dịch bố cục
Cumulative Layout Shift (CLS) đo lường tổng tất cả các điểm số về sự dịch chuyển bố cục đột ngột của các phần tử trên trang trong suốt quá trình tải.
-
LCP & Speed Optimization: Kỹ thuật tối ưu hóa tốc độ hiển thị tức thì
Largest Contentful Paint (LCP) đo lường thời gian từ khi trang bắt đầu tải cho đến khi phần tử nội dung lớn nhất (thường là ảnh Hero, Banner.
-
Core Web Vitals On-Page: Kỹ thuật tối ưu LCP và CLS
Core Web Vitals là bộ chỉ số thực tế mà Google dùng để đo lường trải nghiệm người dùng về tốc độ tải, khả năng tương tác và sự ổn định của thị giác.
Chủ đề liên quan
Chủ đề liên quan là những chủ đề hay đi kèm Performance (CWV) trong cùng một bài, con số bên cạnh mỗi tên là số bài chung. Đi theo mấy chủ đề này là cách mở rộng đúng hướng: chúng nằm cạnh nhau trong thực tế công việc, nên học nối tiếp thì dùng được ngay.
Cách dùng chủ đề Performance (CWV) để tìm đúng bài cần đọc
Các bước giúp bạn đi từ chỉ số Core Web Vitals đang vướng tới đúng bài Wiki SEO, bản tin hoặc khóa học cần đọc, rồi quay lại sửa website.
- Xác định chỉ số đang vướngXem website đang chậm ở chỗ nào: nội dung lớn nhất hiện ra trễ, bố cục xê dịch trong lúc tải, hay trang phản hồi chậm khi người dùng chạm vào.
- Mở bài Wiki SEO đúng chỉ sốChọn bài LCP khi nội dung lớn nhất hiện chậm, bài CLS khi bố cục xê dịch, bài INP khi trang phản hồi trễ sau mỗi lần chạm.
- Đọc tiếp bài xử lý nguyên nhânKhi đã thấy nguyên nhân, mở bài kỹ thuật tương ứng như Lazy Loading, WebP và AVIF, Critical CSS, nén Gzip, Brotli hay Unused CSS, JavaScript, đọc đúng mục đang vướng.
- Sửa rồi kiểm lại trên websiteSửa đúng chỗ đo được như ảnh nặng, thiếu khai kích thước hay script chặn hiển thị, rồi kiểm lại bằng Lighthouse hoặc tab Coverage như bài Wiki SEO hướng dẫn.
- Theo dõi bản tin Tin tức SEOĐọc bản tin về thay đổi liên quan tới Performance (CWV) để biết có cần sửa gì trên website hay cứ để yên rồi theo dõi tiếp.
- Xem khóa học dùng bài trong cụmMở thẻ khóa Technical SEO theo tài liệu Google để xem danh sách bài trước khi quyết học, mỗi bài học có bài kiểm tra kèm giải thích đáp án.
Câu hỏi thường gặp về Core Web Vitals
Giải đáp trực tiếp các câu hỏi thường gặp về Core Web Vitals dựa trên dữ liệu triển khai thực tế, quy trình kiểm thử kỹ thuật và kinh nghiệm thực chiến trên website thật để tối ưu hiệu quả tìm kiếm.
Vì sao điểm Core Web Vitals tốt mà trang vẫn không lên hạng?
Core Web Vitals là chỉ số trải nghiệm, nên cải thiện chỉ số không thay được nội dung chưa trả lời đúng câu hỏi. Nếu trang vẫn đứng yên, bạn kiểm lại nội dung trước: trang có trả lời đúng điều người tìm cần biết không, rồi mới quay lại tối ưu tốc độ.
Những lỗi nào hay làm trang tải chậm và bố cục bị xê dịch?
Các chỗ hay gặp là ảnh nặng, thiếu khai kích thước cho ảnh và script chặn hiển thị. Khi đo được bằng Core Web Vitals, bạn biết lỗi nằm ở chỗ nào để sửa đúng chỗ đó, khỏi phải sửa đại khắp website rồi chờ xem chỉ số có đổi không.
Lazy loading có thể làm Google không thấy ảnh trên trang không?
Có thể, nếu dùng sai. Lazy loading hoãn tải ảnh, iframe ngoài màn hình tới khi người dùng cuộn gần tới, và bài Wiki SEO về Lazy Loading có nêu lỗi làm Google không thấy ảnh. Bạn đọc mục đó trước khi bật loading=lazy cho toàn bộ ảnh trên website.
Tỉ lệ origin có INP tốt đang giảm có đáng lo không?
Có, đáng để theo dõi. Chrome UX Report August 2026 ghi 85,3% origin có INP tốt, giảm 0,5%, và việc INP tiếp tục giảm được xem là điều đáng lo, chưa rõ lý do. Bạn kiểm lại độ trễ khi người dùng chạm vào website đang làm rồi theo dõi tiếp các bản tin sau.
LCP, CLS và INP khác nhau thế nào trong Core Web Vitals?
LCP đo thời gian tới khi phần tử nội dung lớn nhất hiện ra, CLS đo tổng mức xê dịch bố cục đột ngột trong suốt quá trình tải, còn INP đo khoảng thời gian từ lúc người dùng nhấp chuột, chạm màn hình hay nhấn phím tới khi trình duyệt vẽ lại.
Tap target trên di động cần kích thước bao nhiêu là chuẩn?
Tap target chuẩn là 48 x 48 px và các vùng chạm cách nhau 8 px. Tap target là vùng chạm của nút, link và ô nhập trên màn hình cảm ứng, và bạn kiểm kích thước bằng DevTools theo mục P1.20 của SQA-200.
Critical CSS nên giới hạn dung lượng bao nhiêu và tìm bằng cách nào?
Critical CSS giới hạn trong 14 KB. Critical CSS là phần CSS của màn hình đầu, nhúng thẳng vào trang để nội dung hiện sớm, và bạn tìm phần CSS đó bằng tab Coverage. Cách làm đi theo chuẩn P1.08 của SQA-200.
Nén Gzip, Brotli và minify code khác nhau ở điểm nào?
Minify code rút gọn HTML, CSS, JS bằng cách bỏ khoảng trắng và chú thích ngay trong mã. Nén Gzip, Brotli do máy chủ làm, nén HTML, CSS, JavaScript trước khi gửi đi. Bạn kiểm nén qua header content-encoding và kiểm minify bằng Lighthouse.
Core Web Vitals là gì và vì sao cần quan tâm khi làm SEO?
Core Web Vitals là bộ chỉ số đo trải nghiệm tải trang bằng số, gồm thời điểm nội dung lớn nhất hiện ra, mức xê dịch bố cục trong lúc tải và độ trễ khi người dùng chạm vào trang. Core Web Vitals giúp tìm đúng chỗ cần sửa, nhưng không thay được nội dung trả lời câu hỏi.
Có cần tối ưu Core Web Vitals nếu nội dung đã trả lời đúng câu hỏi không?
Có, nên tối ưu cả hai. Core Web Vitals đo trải nghiệm tải trang bằng số và giúp sửa đúng chỗ như ảnh nặng, thiếu khai kích thước hay script chặn hiển thị. Nội dung trả lời đúng câu hỏi vẫn là phần chính, vì cải thiện Core Web Vitals không thay được nội dung chưa trả lời đúng.
WebP và AVIF khác JPEG, PNG thế nào khi tối ưu Core Web Vitals?
WebP và AVIF là hai định dạng ảnh nén gọn hơn JPEG, PNG, nên giảm được ảnh nặng, một chỗ hay làm Core Web Vitals kém. Khi chuyển ảnh sang WebP và AVIF, bạn đặt ảnh dự phòng bằng thẻ picture rồi kiểm lại bằng Lighthouse theo chuẩn P1.06 của SQA-200.
Chủ đề Performance (CWV) gồm những việc tối ưu nào ngoài LCP, CLS và INP?
Ngoài LCP, CLS và INP, chủ đề Performance (CWV) gồm các việc tối ưu như Lazy Loading, chuyển ảnh sang WebP và AVIF, Critical CSS, nén Gzip, Brotli, minify code, gỡ Unused CSS, JavaScript, đặt browser caching và khai viewport meta tag. Mỗi việc có bài Wiki SEO riêng để đọc khi vướng.