Điểm PageSpeed từ 90 đến 100 thuộc mức Tốt, 50 đến 89 là Cần cải thiện và 0 đến 49 là Kém trên cả mobile lẫn desktop. Đây là điểm lab do Lighthouse tính trong một điều kiện mô phỏng, hữu ích để tìm vấn đề và so sánh có kiểm soát, nhưng không phải điểm xếp hạng SEO và không mô tả đầy đủ trải nghiệm của mọi người dùng thật.
Bài số 14 trong series SEO WordPress chuyển 10 tiêu chí từ 104 đến 113 thành một quy trình đo có thể lặp lại: chọn đúng mẫu trang, chạy nhiều lần, giữ điều kiện nhất quán, đọc Opportunities và Diagnostics, đặt ngân sách hiệu năng, triển khai rồi kiểm tra hồi quy.
Nguyên tắc: dùng điểm số để mở cuộc điều tra, dùng tài nguyên và metric để xác định nguyên nhân, dùng dữ liệu trước sau để quyết định.
1. Điểm PageSpeed là gì và không phải là gì?
Điểm PageSpeed Performance là kết quả tổng hợp từ các metric lab mà Lighthouse đo trong một lần tải trang có cấu hình thiết bị và mạng cụ thể. Lighthouse chuyển các giá trị thời gian và độ ổn định thành điểm từ 0 đến 100, sau đó áp dụng trọng số để tạo điểm Performance.
Theo tài liệu Lighthouse performance scoring, ba vùng màu chính thức là 90-100 Tốt, 50-89 Cần cải thiện và 0-49 Kém. Điểm 100 rất khó đạt và không được xem là kỳ vọng bắt buộc. Đường cong chấm điểm còn có hiệu ứng lợi ích giảm dần: nâng từ 99 lên 100 có thể cần mức cải thiện metric tương đương một bước tăng lớn hơn ở vùng điểm thấp.
Điểm này không phải PageRank, không phải điểm chất lượng nội dung và không phải xác suất lên top. Google Search Central nói rõ rằng kết quả tốt trong báo cáo Core Web Vitals hay công cụ kiểm tra không bảo đảm trang đạt thứ hạng cao trong kết quả tìm kiếm. Trải nghiệm trang là một phần của bức tranh, còn mức độ hữu ích và liên quan của nội dung vẫn quan trọng.
| Điểm PageSpeed giúp trả lời | Điểm PageSpeed không trả lời |
|---|---|
| Lần tải mô phỏng này đang chậm ở metric nào? | Website chắc chắn xếp hạng ở vị trí nào? |
| Tài nguyên nào có cơ hội tối ưu? | Mọi người dùng thật đều có trải nghiệm giống nhau? |
| Bản trước và sau khác nhau ra sao khi điều kiện giữ nguyên? | Nội dung có đúng intent và tạo chuyển đổi không? |
| Phiên bản mới có vượt ngân sách lab không? | Một plugin cụ thể chắc chắn là nguyên nhân chỉ từ tên audit? |
Chốt ý: điểm số là chỉ báo tổng hợp để sàng lọc, không phải kết luận cuối cùng.
2. Cách đọc đúng hai tầng dữ liệu trong PageSpeed Insights
PageSpeed Insights có thể hiển thị dữ liệu thực tế từ CrUX và dữ liệu lab từ Lighthouse; hai lớp này đo hai câu hỏi khác nhau. Dữ liệu thực tế cho biết người dùng Chrome đã trải nghiệm trang hoặc origin ra sao trong một khoảng quan sát. Dữ liệu lab tải trang trong điều kiện mô phỏng để tái hiện và chẩn đoán.
Tài liệu About PageSpeed Insights mô tả PSI là công cụ kết hợp lab và field data. Web.dev cũng giải thích trong bài Why lab and field data can be different rằng field data phản ánh nhiều thiết bị, mạng, vị trí và hành vi; lab data cố định nhiều biến để việc gỡ lỗi có thể lặp lại.
| Lớp dữ liệu | Dùng để làm gì | Điểm cần tránh |
|---|---|---|
| Field data, CrUX hoặc RUM | Đánh giá trải nghiệm thật và phân phối metric | Không phải lúc nào cũng có đủ dữ liệu cho từng URL |
| Lab data, Lighthouse | Tái hiện, tìm audit và kiểm thay đổi trước khi phát hành | Một lần tải không đại diện toàn bộ người dùng |
| Search Console Core Web Vitals | Theo dõi nhóm URL và xu hướng dài hạn | Không chỉ ra chính xác file nào cần sửa |
| DevTools Performance | Đào sâu request, main thread, layout và tương tác | Cần thao tác và đọc trace đúng ngữ cảnh |
Khi field data xấu nhưng lab tốt, hãy kiểm mạng chậm, thiết bị yếu, cache, consent, quảng cáo, trạng thái đăng nhập và tương tác sau tải. Khi lab xấu nhưng field tốt, lab có thể đang mô phỏng điều kiện nặng hơn nhóm người dùng chính hoặc đo một biến thể khác. Không chọn lớp dữ liệu thuận với nhận định sẵn có; hãy giải thích chênh lệch.
3. Tiêu chí 104: Mobile Performance Score
Mobile Performance Score dùng ba mức chính thức: 90-100 là Tốt, 50-89 là Cần cải thiện và 0-49 là Kém. Đây là điểm lab của một lần tải mô phỏng môi trường mobile, không phải lời bảo đảm về thứ hạng hoặc chuyển đổi.
Ở chế độ mobile, Lighthouse thay đổi viewport, user agent và áp dụng mô phỏng mạng, CPU theo cấu hình của công cụ. Kết quả thường nhạy với JavaScript, ảnh đầu trang, font, chuỗi request và tốc độ phản hồi máy chủ. Một điện thoại thật có thể nhanh hoặc chậm hơn thiết bị mô phỏng.
- Ghi cả điểm Performance và các metric thành phần thay vì chỉ chụp vòng tròn màu.
- Ghi LCP element, ảnh hoặc khối chữ đang trở thành nội dung lớn nhất.
- Xem Total Blocking Time như một tín hiệu lab về công việc main thread, không gọi nó là INP.
- Kiểm Cumulative Layout Shift cùng phần tử gây dịch chuyển.
- Ghi URL, thời gian, khu vực đo và trạng thái cache.
- So field data mobile nếu trang hoặc origin có đủ mẫu.
Trọng số: Quan trọng. Công cụ: PageSpeed Checker của Novaverb, PageSpeed Insights và Lighthouse. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
4. Vì sao điểm mobile thường thấp hơn desktop?
Điểm mobile thấp hơn không tự động có nghĩa giao diện mobile bị lỗi; nó thường phản ánh cấu hình CPU, mạng, viewport và đường tải khác. Một bundle JavaScript giống nhau gây chi phí tương đối lớn hơn trên CPU mô phỏng yếu. Ảnh responsive sai cũng có thể khiến mobile tải file gần bằng desktop dù vùng hiển thị nhỏ hơn.
Hãy kiểm theo bốn lớp. Lớp mạng gồm TTFB, request chain và byte truyền. Lớp hiển thị gồm CSS chặn render, font và ảnh LCP. Lớp xử lý gồm parse, compile, long task và hydration. Lớp giao diện gồm banner, menu, popup, thanh cố định và biến thể responsive.
| Chênh lệch | Câu hỏi kiểm tra |
|---|---|
| Mobile tải ảnh lớn | srcset và sizes có khiến trình duyệt chọn đúng file không? |
| TBT mobile cao | Plugin nào gửi JavaScript toàn site, task nào vượt 50ms? |
| LCP mobile muộn | Ảnh hero có bị lazy-load, discovery muộn hoặc priority thấp không? |
| CLS chỉ xuất hiện trên mobile | Thanh cố định, quảng cáo hoặc menu có chèn sau khi tải không? |
| Desktop tốt, mobile kém ổn định | Điều kiện đo và nội dung động có thực sự giống nhau không? |
Đừng chữa chênh lệch bằng cách ẩn chức năng quan trọng trên mobile. Mục tiêu là giảm chi phí và cải thiện đường tải mà vẫn giữ nhiệm vụ người dùng cần hoàn thành.
5. Tiêu chí 105: Desktop Performance Score
Desktop Performance Score dùng cùng ba mức 90-100, 50-89 và 0-49; không có chuẩn chính thức riêng rằng 85 là Tốt. Lighthouse có scoring riêng cho desktop, nhưng màu và nhãn phân loại vẫn dùng cùng ngưỡng. Vì thế, hãy giữ ngưỡng màu đúng khi xây dashboard nội bộ và so sánh trước sau.
Điểm desktop thường cao hơn do cấu hình mạnh hơn và môi trường mô phỏng khác, nhưng vẫn có giá trị. Người dùng desktop có thể mở nhiều tab, dùng máy cũ, kết nối VPN hoặc mạng doanh nghiệp. Trang dashboard, form dài, bảng dữ liệu và landing B2B thường có hành vi desktop đáng đo riêng.
- Đo desktop trên đúng URL đã đo mobile.
- Không lấy desktop thay cho mobile chỉ vì điểm dễ đẹp hơn.
- Ghi metric và audit tạo chênh lệch, không chỉ ghi điểm tổng.
- Kiểm chiều rộng ảnh, font và layout desktop riêng.
- Đặt budget theo loại trang và thiết bị nếu nhu cầu khác nhau.
Trọng số: Quan trọng. Công cụ: PageSpeed Checker của Novaverb, PageSpeed Insights và Lighthouse. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
6. So sánh mobile và desktop mà không kết luận sai
Mobile và desktop là hai phép đo song song, không phải hai đối thủ trong cùng một bảng xếp hạng. Chênh lệch điểm chỉ hữu ích khi được nối với metric và nguyên nhân cụ thể. Nói desktop 96 còn mobile 61 chưa cho biết phải sửa gì.
Một bảng so sánh tốt cần ít nhất: điểm Performance, FCP, LCP, Speed Index, TBT, CLS, byte ảnh, byte JavaScript và số request bên thứ ba. Sau đó ghi audit chính và tài nguyên đứng sau audit. Ví dụ, mobile TBT tăng do một script chat mất 420ms CPU là đầu mối hành động; câu mobile chậm hơn desktop thì chưa đủ.
Cũng cần xem tỷ trọng người dùng. Nếu 85% lượt truy cập và phần lớn chuyển đổi đến từ mobile, mobile là guardrail chính. Nếu một công cụ nội bộ chủ yếu chạy desktop, budget desktop có thể nghiêm hơn. Quyết định dựa trên hành vi thật, không dựa trên thiết bị cho điểm đẹp.
Mẫu kết luận: mobile thấp hơn desktop 24 điểm, chủ yếu do TBT và LCP; hai tài nguyên đóng góp lớn nhất là bundle giao diện và ảnh hero; ưu tiên sửa hai nguồn này rồi đo lại cùng điều kiện.
7. Tiêu chí 106: Không đặt mục tiêu 100 tuyệt đối
Điểm 90-100 đã thuộc mức Tốt; không nên đánh đổi khả năng sử dụng, đo lường hoặc độ ổn định chỉ để đạt 100. Tài liệu Lighthouse nói rõ điểm hoàn hảo rất khó và không được kỳ vọng. Điểm tốt cần đi cùng chức năng ổn định và trải nghiệm người dùng thật.
Một website có thể cần tìm kiếm, form, thanh toán, video, bản đồ hoặc đo chuyển đổi. Những tính năng này có chi phí. Câu hỏi đúng không phải làm sao xóa mọi byte, mà là chi phí có tương xứng với giá trị và có được tải đúng lúc không.
| Thay đổi | Điểm có thể tăng | Guardrail phải giữ |
|---|---|---|
| Trì hoãn form | Giảm JS ban đầu | Form phải sẵn sàng trước khi người dùng cần |
| Gỡ font | Giảm request | Nhận diện và khả năng đọc không suy giảm |
| Ẩn ảnh hero | LCP có thể đổi | Thông điệp chính và chuyển đổi không bị yếu |
| Dừng analytics | Giảm bên thứ ba | Dữ liệu kinh doanh cần thiết không mất |
| Gỡ CSS động | Giảm unused CSS | Menu, popup, form error và responsive không hỏng |
Trọng số: Nên có. Công cụ: PageSpeed Checker của Novaverb, Lighthouse và PageSpeed Insights. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
8. Khi nào nên dừng tối ưu điểm số?
Dừng khi metric chính đạt budget, field data không còn vấn đề đáng kể, guardrail ổn định và chi phí cơ hội của lần sửa tiếp theo cao hơn tác động dự kiến. Màu xanh không phải điều kiện duy nhất, nhưng nó là một mốc giao tiếp hữu ích.
Đặt trước tiêu chí dừng để tránh tối ưu vô tận. Ví dụ: mobile median từ 90 trở lên, LCP lab dưới budget, không có regression về form hoặc tracking, field Core Web Vitals đạt ở percentile mục tiêu, và thay đổi tiếp theo chỉ tiết kiệm vài chục mili giây nhưng tăng rủi ro vận hành.
- Dừng tối ưu điểm, chuyển sang theo dõi hồi quy.
- Giữ backlog cho audit tác động thấp.
- Đặt lịch rà lại khi theme, plugin hoặc nội dung lớn thay đổi.
- Không xóa tính năng có giá trị chỉ vì audit ước tính một khoản tiết kiệm nhỏ.
- Không trì hoãn phát hành nội dung hữu ích chỉ để làm vòng tròn từ 98 thành 100.
Mục tiêu sau cùng là trải nghiệm đủ nhanh, ổn định và đo được. Điểm số chỉ là một trong các guardrail.
9. Tiêu chí 107: Chạy nhiều lần và dùng trung vị
Chạy tối thiểu ba lần trong cùng điều kiện và dùng trung vị hoặc xu hướng để kết luận. Một lần đo có thể bị ảnh hưởng bởi tải máy, mạng, cache, máy chủ, quảng cáo, consent hoặc nội dung động.
Tài liệu Lighthouse variability khuyến nghị chạy nhiều lần và có thể dùng Lighthouse CI để chọn representative run. Với quyết định rủi ro cao, năm lần thường cho bức tranh ổn định hơn ba lần.
- Giữ nguyên URL và cấu hình.
- Chạy ba đến năm lần.
- Sắp xếp kết quả theo metric hoặc chọn representative run theo công cụ.
- Dùng giá trị giữa làm mốc, không dùng lần có điểm cao nhất.
- Ghi cả khoảng dao động để biết phép đo có ổn định không.
Ví dụ ba điểm 64, 82 và 76 có trung vị 76. Lấy 82 để báo cáo sẽ che mất biến thiên; lấy trung bình 74 có thể dùng cho phân tích nhưng không phải một run thật để mở trace. Trung vị giữ được một kết quả đại diện và ít nhạy với ngoại lệ.
Trọng số: Quan trọng. Công cụ: PageSpeed Checker của Novaverb, PageSpeed Insights và Lighthouse CLI. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
10. Cách tính trung vị và lưu mẫu đo PageSpeed
Trung vị là giá trị đứng giữa sau khi sắp xếp kết quả, hoặc trung bình của hai giá trị giữa nếu số lần chạy là chẵn. Với ba lần, chỉ cần chọn giá trị thứ hai. Với năm lần, chọn giá trị thứ ba.
| Lần | Performance | LCP | TBT | CLS |
|---|---|---|---|---|
| 1 | 72 | 3.1s | 310ms | 0.03 |
| 2 | 79 | 2.6s | 220ms | 0.03 |
| 3 | 75 | 2.8s | 260ms | 0.04 |
| Trung vị | 75 | 2.8s | 260ms | 0.03 |
Không nên ghép điểm Performance của run A với LCP run B rồi gọi đó là một báo cáo đại diện. Khi cần mở waterfall hoặc trace, hãy chọn run gần trung vị trên nhiều metric. Lighthouse CI có khái niệm representative run để xử lý việc này.
Mỗi mẫu đo nên lưu: URL, commit hoặc phiên bản, thời gian, vị trí, thiết bị, throttling, trạng thái cache, consent, người chạy, phiên bản Lighthouse và link report. Nếu thiếu bối cảnh, sáu tháng sau không ai biết hai con số có thể so với nhau hay không.
11. Tiêu chí 108: Giữ điều kiện so sánh nhất quán
So sánh trước và sau chỉ có ý nghĩa khi URL, chế độ thiết bị, môi trường, mạng mô phỏng và phiên bản trang được giữ nhất quán. Đo mobile production trước rồi đo desktop staging sau không phải A/B hợp lệ.
| Biến cần khóa | Cách ghi |
|---|---|
| URL | Canonical URL hoặc URL staging tương ứng |
| Thiết bị | Mobile hoặc desktop, viewport, user agent |
| Mạng và CPU | Preset throttling, khu vực chạy, benchmark nếu có |
| Phiên bản | Commit, build id, thời điểm deploy |
| Cache và phiên | Cache lạnh hay ấm, guest profile, extension tắt |
| Nội dung động | Banner, consent, quảng cáo, trạng thái đăng nhập |
| Công cụ | PSI, DevTools, CLI, phiên bản Lighthouse |
Nếu không thể khóa một biến, hãy ghi nó và tránh kết luận nhân quả quá mạnh. Ví dụ máy chủ vừa đổi vùng, quảng cáo đổi chiến dịch và code cũng đổi trong cùng ngày thì kết quả sau triển khai không thể chỉ quy cho một commit.
Trọng số: Quan trọng. Công cụ: Website Performance Test của Novaverb, Lighthouse và WebPageTest. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
12. Tiêu chí 109: Kiểm tra đủ mẫu trang
Không dùng điểm trang chủ để đại diện cho toàn bộ WordPress. Mỗi template có HTML, plugin, ảnh, truy vấn, cache và hành vi riêng. Trang bài viết có thể nhẹ trong khi trang sản phẩm tải gallery, đánh giá, tracking thương mại và biến thể.
- Trang chủ.
- Danh mục hoặc trang lưu trữ.
- Bài viết dài có nhiều ảnh và bảng.
- Sản phẩm hoặc dịch vụ.
- Landing page có form, video hoặc social proof.
- Trang tìm kiếm nội bộ nếu có traffic.
- Giỏ hàng, thanh toán hoặc trang giao dịch nếu có.
- Trang có trạng thái đăng nhập hoặc nội dung cá nhân hóa.
Trong mỗi template, ưu tiên URL có traffic, chuyển đổi hoặc doanh thu thật. Thêm một URL biên như bài dài nhất, gallery lớn nhất hoặc sản phẩm nhiều biến thể để tìm giới hạn. Không cần đo mọi URL bằng lab mỗi ngày, nhưng mẫu phải đại diện cho rủi ro.
Trọng số: Bắt buộc. Công cụ: PageSpeed Checker của Novaverb, PageSpeed Insights và Lighthouse CI. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
13. Xây ma trận URL kiểm thử cho WordPress
Ma trận URL nối template, mục tiêu kinh doanh, rủi ro kỹ thuật và tần suất đo thành một danh sách vận hành. Đây là cách tránh chọn URL theo cảm giác mỗi khi có người hỏi điểm PageSpeed. Ma trận này cũng tạo baseline chung để các lần đo sau không đổi mẫu tùy ý.
| Mẫu trang | URL đại diện | Rủi ro chính | Tần suất |
|---|---|---|---|
| Trang chủ | URL thật có hero và navigation | LCP, font, bên thứ ba | Mỗi deploy lớn |
| Bài viết | Bài dài có ảnh, bảng, embed | Ảnh, ads, nội dung động | Hàng tuần |
| Danh mục | Danh mục nhiều thẻ | DOM, ảnh thumbnail, phân trang | Mỗi đổi template |
| Money page | Sản phẩm, dịch vụ hoặc khóa học | Form, gallery, tracking, CTA | Mỗi deploy |
| Giao dịch | Giỏ hàng hoặc thanh toán | Script, validation, bên thứ ba | Mỗi thay đổi luồng |
| Biên | URL nặng nhất trong mẫu | Giới hạn tải và tương tác | Hàng tuần |
Mỗi URL nên có một chủ sở hữu và budget riêng. Nếu template thay đổi, cập nhật URL mẫu. Nếu traffic dịch chuyển sang nhóm trang khác, ma trận cũng phải đổi theo. Một danh sách cố định nhiều năm sẽ mất tính đại diện.
14. Tiêu chí 110: Phân tích Opportunities và Diagnostics
Mỗi cảnh báo phải được nối với tài nguyên, nguyên nhân và khoản tiết kiệm ước tính trước khi trở thành việc tối ưu. Opportunities gợi ý nơi có thể giảm thời gian hoặc byte; Diagnostics cung cấp thêm ngữ cảnh. Cả hai là đầu mối, không phải mệnh lệnh tự động.
Tài liệu chấm điểm Lighthouse hướng người đọc tới Opportunities và Diagnostics để tìm cách cải thiện. Tuy vậy, cùng một audit có thể có nhiều nguyên nhân. Render-blocking có thể đến từ CSS toàn site, font, plugin hoặc chuỗi import. Unused JavaScript có thể là code thực sự thừa, code cho tương tác chưa diễn ra hoặc code cần ở template khác.
- Mở audit và ghi metric liên quan.
- Liệt kê URL tài nguyên, transfer size, initiator và owner.
- Mở Network, Coverage hoặc Performance để xác nhận.
- Đặt giả thuyết thay đổi một nhóm biến.
- Ước lượng tác động và rủi ro chức năng.
- Sửa trên mẫu nhỏ, kiểm hồi quy rồi đo lại.
Khoản tiết kiệm ước tính không cộng tuyến tính. Hai audit có thể cùng tính một tài nguyên; sửa audit này làm con số của audit kia đổi. Vì vậy không cộng tất cả con số màu đỏ rồi hứa điểm sẽ tăng tương ứng.
Trọng số: Quan trọng. Công cụ: PageSpeed Checker của Novaverb, PageSpeed Insights và Chrome DevTools. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
15. Biến cảnh báo Lighthouse thành ticket có thể triển khai
Một ticket tốt mô tả bằng chứng, giả thuyết, phạm vi, metric, guardrail và cách rollback. Ticket ghi "tăng PageSpeed" không đủ để developer biết sửa file nào và người nghiệm thu biết khi nào hoàn tất. Cấu trúc đủ rõ giúp cả SEO, developer và người duyệt cùng kiểm một kết quả.
| Trường | Ví dụ |
|---|---|
| Bằng chứng | Ảnh hero 1.4 MB là LCP trên ba run mobile |
| Giả thuyết | Ảnh đúng kích thước và ưu tiên tải sẽ giảm LCP |
| Phạm vi | Template bài viết, không đổi ảnh trong thân bài |
| Thay đổi | WebP responsive, width/height, eager và fetch priority phù hợp |
| Metric chính | Median LCP mobile |
| Guardrail | Ảnh không mờ, CLS không tăng, caption và alt giữ đúng |
| Rollback | Trả template và biến thể ảnh về build trước |
Ưu tiên ticket theo tác động, độ tin cậy, phạm vi và chi phí. Một script bên thứ ba gây long task trên mọi template thường đáng làm trước vài KB CSS ở một trang ít truy cập. Sau khi xong, gắn report trước sau vào ticket để tri thức không mất.
16. Tiêu chí 111: Tách riêng bốn nhóm điểm Lighthouse
Performance, Accessibility, Best Practices và SEO là bốn nhóm kiểm tra khác nhau; không lấy trung bình thành một điểm SEO tổng hợp. Trang có Performance 95 nhưng Accessibility 55 không phải đạt 75 điểm SEO. Trung bình xóa mất loại vấn đề và làm sai người chịu trách nhiệm.
Tài liệu Lighthouse mô tả các nhóm audit riêng. Performance đo metric tải và cơ hội hiệu năng. Accessibility kiểm một tập quy tắc tự động, nhưng không thay kiểm thử thủ công. Best Practices xem một số vấn đề về code, bảo mật và trải nghiệm. SEO kiểm các điều kiện kỹ thuật cơ bản để công cụ tìm kiếm tiếp cận trang, không chấm chất lượng chiến lược SEO.
| Nhóm | Câu hỏi chính | Owner thường gặp |
|---|---|---|
| Performance | Trang tải và phản hồi trong lab ra sao? | Frontend, backend, hạ tầng |
| Accessibility | Một số rào cản tiếp cận tự động có xuất hiện không? | Design, frontend, content |
| Best Practices | Trang có vi phạm nhóm thực hành kỹ thuật được kiểm không? | Engineering, security |
| SEO | Điều kiện kỹ thuật cơ bản cho crawl và index có đúng không? | SEO, frontend, content |
Trọng số: Quan trọng. Công cụ: PageSpeed Checker của Novaverb, Lighthouse và PageSpeed Insights. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
17. Tiêu chí 112: Thiết lập Performance Budget
Performance budget là giới hạn cho metric hoặc tài nguyên nhằm ngăn phiên bản mới làm trang chậm dần. Budget có thể áp cho JavaScript, CSS, ảnh, font, số request, LCP, TBT hoặc điểm category. Web.dev định nghĩa đây là tập giới hạn cho các metric tác động đến hiệu năng.
Không sao chép một con số cho mọi website. Bắt đầu từ baseline, thiết bị mục tiêu, hành vi người dùng và loại trang. Một trang gallery có ngân sách ảnh khác một form đăng ký; một ứng dụng tương tác có ngân sách JavaScript khác trang bài viết tĩnh.
{
"path": "/*",
"resourceSizes": [
{ "resourceType": "script", "budget": 250 },
{ "resourceType": "image", "budget": 900 },
{ "resourceType": "stylesheet", "budget": 100 }
],
"resourceCounts": [
{ "resourceType": "third-party", "budget": 12 }
]
}Ví dụ trên chỉ minh họa cấu trúc, không phải chuẩn chung. Sau khi có budget, chọn mức cảnh báo và mức chặn. Audit dễ biến thiên nên có thể cảnh báo trước; lỗi chức năng, resource size hoặc regression lớn có thể chặn build. Tài liệu Performance budgets 101 khuyến nghị kết hợp metric số lượng với metric hướng người dùng.
Trọng số: Nên có. Công cụ: Website Performance Test của Novaverb, Lighthouse CI và WebPageTest. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
18. Tiêu chí 113: Theo dõi hồi quy sau triển khai
Mỗi thay đổi hiệu năng cần có baseline trước triển khai và phép đo lại sau triển khai trên cùng ma trận URL. Không có baseline thì điểm mới chỉ là trạng thái, chưa phải bằng chứng cải thiện. Baseline còn giúp phát hiện bản sửa làm điểm tổng tăng nhưng một metric quan trọng lại xấu đi.
Lighthouse CI hỗ trợ chạy report theo commit, theo dõi thay đổi, đặt assertion và ngăn regression. Công cụ cũng có thể chạy nhiều lần để giảm biến thiên. Với website nhỏ chưa có CI, vẫn có thể dùng một bảng lịch sử thủ công miễn là điều kiện đo được ghi rõ.
- Lưu report và metric trước khi sửa.
- Ghi commit, deploy id hoặc thời điểm phát hành.
- Đo lại ba đến năm lần sau khi cache và hệ thống ổn định.
- So trung vị, khoảng dao động và audit chính.
- Kiểm giao diện, form, menu, tracking và schema.
- Theo dõi field data sau khi đủ thời gian và mẫu.
- Rollback nếu metric chính hoặc guardrail xấu vượt ngưỡng.
Đừng chỉ theo dõi điểm tổng. Một bản phát hành có thể giữ điểm 92 nhưng LCP tốt hơn và CLS xấu hơn, hoặc điểm giống nhau vì thay đổi metric bù trừ. Dashboard hồi quy cần hiển thị metric thành phần và resource budget.
Trọng số: Quan trọng. Công cụ: PageSpeed Checker của Novaverb, Lighthouse CI và PageSpeed Insights. Cần lưu metric thành phần, điều kiện đo và tài nguyên chính cùng điểm tổng.
19. Công cụ, tài liệu và lộ trình học tiếp
Dùng công cụ tổng hợp để sàng lọc, sau đó dùng DevTools và report gốc để xác nhận tài nguyên cụ thể. Không tối ưu chỉ từ màu điểm hoặc tên cảnh báo. Mỗi kết luận nên dẫn tới report gốc, URL tài nguyên và một phép kiểm có thể làm lại.
Công cụ kiểm tra nhanh
- PageSpeed Checker của Novaverb: kiểm nhanh điểm và nhóm vấn đề theo URL.
- Core Web Vitals Checker của Novaverb: đọc các chỉ số trải nghiệm quan trọng.
- Website Performance Test của Novaverb: tạo thêm một góc nhìn kiểm thử hiệu năng.
- Server Response Time Checker của Novaverb: tách lớp phản hồi máy chủ khỏi phần render phía trình duyệt.
Tài liệu và công cụ gốc
- Google PageSpeed Insights
- Lighthouse performance scoring
- Chrome DevTools Lighthouse
- Core Web Vitals workflows with Google tools
- Lab data và field data khác nhau thế nào
- Lighthouse variability
- Lighthouse CI
- Google Search Central: Page experience
Có thể đọc tiếp bài SEO WordPress #15 về hình ảnh và code để chuyển cảnh báo PageSpeed thành thay đổi cụ thể. Nếu cần học theo một hệ thống có người hướng dẫn, xem chương trình đào tạo SEO, trang tổng hợp khóa học SEO và cấu trúc chuyên sâu của khóa học SEO Master. Ba trang này giải thích phạm vi, đầu ra và cách học trên website thật để người đọc tự chọn mức phù hợp.
Chuỗi thực hành: đo đúng, tìm nguyên nhân, sửa có phạm vi, kiểm chức năng, đo lại và lưu bằng chứng.
20. Câu hỏi thường gặp và kết luận
Phần hỏi đáp dưới đây chốt các nhầm lẫn thường gặp khi đọc và tối ưu điểm PageSpeed cho WordPress. Mỗi câu trả lời phân biệt rõ điểm lab, trải nghiệm thực tế và tác động SEO để tránh biến một con số thành cam kết.
Điểm PageSpeed bao nhiêu là tốt?
Theo phân loại Lighthouse, 90-100 là Tốt, 50-89 là Cần cải thiện và 0-49 là Kém. Đây là phân loại điểm lab, không phải cam kết về thứ hạng hay doanh thu.
Desktop 85 có được xem là tốt không?
Không theo nhãn chính thức. Điểm 85 nằm trong vùng Cần cải thiện vì desktop dùng cùng ngưỡng 90-100 cho mức Tốt. Dù vậy, quyết định ưu tiên vẫn phải xem metric, field data, chi phí và mục tiêu của trang.
Có cần đạt PageSpeed 100 không?
Không. Điểm 90-100 đã thuộc mức Tốt. Không nên gỡ tính năng có giá trị, làm hỏng tracking hoặc tạo rủi ro chỉ để đổi từ 98 thành 100.
Tại sao cùng một URL chạy hai lần ra hai điểm khác nhau?
Lab test có biến thiên từ máy, mạng, máy chủ, cache, nội dung động và tiến trình nền. Hãy chạy tối thiểu ba lần trong cùng điều kiện, dùng trung vị và ghi khoảng dao động.
Nên ưu tiên điểm mobile hay desktop?
Đo cả hai và ưu tiên theo người dùng, chuyển đổi cùng rủi ro của từng template. Mobile thường là guardrail quan trọng với website có phần lớn traffic từ điện thoại, nhưng desktop vẫn cần budget riêng khi hành vi sử dụng đáng kể.
Điểm PageSpeed cao có giúp lên top Google không?
Điểm cao không bảo đảm thứ hạng. Hiệu năng tốt hỗ trợ trải nghiệm, nhưng Google đánh giá nhiều tín hiệu và vẫn ưu tiên nội dung hữu ích, liên quan. Không nên gọi vòng tròn Lighthouse là điểm SEO của Google.
Sau khi điểm tăng thì có thể kết luận tối ưu thành công chưa?
Chưa đủ. Cần kiểm metric thành phần, chức năng, tracking, schema, giao diện và dữ liệu thực tế sau khi có đủ mẫu. Kết luận tốt phải đi kèm baseline, điều kiện đo và bằng chứng không có hồi quy quan trọng.
Kết luận: SEO WordPress ở lớp PageSpeed là bài toán đo và ra quyết định. Điểm số chỉ có giá trị khi được đặt cạnh môi trường, mẫu trang, metric, tài nguyên và lịch sử triển khai. Hãy dùng chuỗi baseline, nhiều lần đo, trung vị, nguyên nhân, thay đổi, hồi quy. Khi quy trình đo đủ chặt, đội ngũ có thể cải thiện trải nghiệm mà không chạy theo màu điểm hoặc đánh đổi chức năng.