Cách đo tốc độ website đúng để biết web mình nhanh hay chậm thật

Có một câu mình nghe đi nghe lại từ khách: "Web em vào thấy nhanh mà, sao bảo chậm?". Vấn đề là cái "thấy nhanh" đó thường đo bằng máy của chủ web — máy xịn, mạng cáp quang, lại còn được trình duyệt lưu sẵn (cache — bộ nhớ đệm). Khách thật của bạn thì cầm điện thoại tầm trung, ngồi quán cà phê sóng 4G chập chờn, lần đầu vào web nên chẳng có gì lưu sẵn. Để biết web mình nhanh hay chậm với người ngoài kia, bạn cần biết cách đo tốc độ website cho đúng, chứ không phải tự bấm thử rồi gật gù.

Mình làm nghề thiết kế web và SEO hơn chục năm, gặp không ít trường hợp web nhìn thì mượt nhưng đo ra điểm thấp, hoặc ngược lại điểm cao chót vót mà khách vẫn than chậm. Bài này mình kể lại đúng quy trình cách đo tốc độ website mà bên mình vẫn dùng: đo bằng công cụ nào, đọc con số nào, đâu là bẫy hay khiến người mới hiểu sai. Đọc xong bạn tự đo được, không cần phụ thuộc cảm giác.

Tốc độ website thật ra là đo cái gì

Nhiều người tưởng "tốc độ web" là một con số duy nhất. Không phải. Một trang web tải ra trước mắt người dùng qua nhiều giai đoạn: chữ hiện ra lúc nào, ảnh lớn nhất xong lúc nào, bấm vào nút thì bao lâu mới phản hồi, bố cục có nhảy lung tung không. Google gộp mấy thứ quan trọng nhất vào bộ chỉ số gọi là Core Web Vitals (các chỉ số sống còn về trải nghiệm).

Có ba con số bạn cần thuộc:

• LCP (Largest Contentful Paint — thời điểm phần nội dung lớn nhất hiện ra). Đây là lúc khách thấy "à, trang đã tải xong cái chính rồi". Tốt là dưới 2,5 giây.
• INP (Interaction to Next Paint — độ trễ khi tương tác). Bạn bấm nút, gõ ô tìm kiếm, bao lâu sau web phản hồi. Tốt là dưới 200 mili giây.
• CLS (Cumulative Layout Shift — độ xê dịch bố cục). Đang đọc thì ảnh tải xong đẩy chữ nhảy xuống, bấm nhầm nút — cái đó CLS đo. Tốt là dưới 0,1.

Ba con số này quan trọng vì chúng phản ánh đúng cảm giác của người dùng, lại còn là yếu tố Google dùng để xếp hạng. Web chậm không chỉ làm khách bỏ đi mà còn kéo tụt thứ hạng tìm kiếm. Nếu bạn quan tâm tới chuyện lên top, tốc độ là một mảnh trong bức tranh lớn hơn về viết bài chuẩn SEO và tối ưu tổng thể.

Một điểm hay bị bỏ qua: tốc độ còn phụ thuộc nội dung trang. Trang nặng ảnh sẽ khác trang nhiều chữ. Trước khi đổ lỗi cho hosting, hãy soi lại chính nội dung mình bỏ lên — phần này mình có nói kỹ trong bài chuẩn bị nội dung làm website.

Hai kiểu dữ liệu đo: phòng lab và thực địa

Đây là chỗ khiến nhiều người đo xong vẫn hiểu sai, nên mình tách riêng ra nói. Khi đo tốc độ, bạn sẽ gặp hai loại dữ liệu và chúng nói hai chuyện khác nhau.

Dữ liệu phòng lab (lab data) là khi công cụ giả lập một thiết bị, một đường mạng cố định rồi tải thử trang của bạn ngay lúc đó. Nó cho ra điểm số đẹp, tái lập được, dùng để gỡ lỗi. Nhưng nó là môi trường giả — không phải khách thật.

Dữ liệu thực địa (field data) là dữ liệu thu từ chính những người dùng thật đã vào web bạn trong vài tuần qua, qua trình duyệt Chrome của họ. Cái này mới phản ánh đúng trải nghiệm thực tế, vì nó gom đủ loại máy, đủ loại mạng. Google xếp hạng dựa trên dữ liệu thực địa, không phải điểm lab.

Hệ quả thực tế: nếu web bạn mới làm hoặc ít người vào, phần dữ liệu thực địa thường trống vì chưa đủ lượt truy cập để thống kê. Lúc đó bạn chỉ có điểm lab để tham khảo, đừng vội tin tuyệt đối. Ngược lại, web đã chạy lâu mà dữ liệu thực địa báo đỏ thì phải xử lý ngay, dù điểm lab có đẹp.

Đo bằng công cụ nào — mấy chỗ miễn phí mình hay dùng

Bạn không cần mua phần mềm gì. Mấy công cụ miễn phí dưới đây là đủ cho 95% trường hợp.

PageSpeed Insights (psi — công cụ đo của Google, tại pagespeed.web.dev). Đây là chỗ mình mở đầu tiên cho mọi web. Bạn dán địa chỉ trang vào, nó chạy ra cả điểm lab lẫn dữ liệu thực địa (nếu có đủ lượt truy cập), tách riêng kết quả điện thoại và máy tính. Hay nhất là nó liệt kê luôn từng vấn đề kèm gợi ý sửa. Mình luôn xem tab điện thoại trước, vì phần lớn khách Việt Nam vào web bằng điện thoại.

Google Search Console (gsc — bảng điều khiển tìm kiếm của Google). Trong này có mục Core Web Vitals báo cáo theo toàn bộ website, gom nhóm các trang đang đỏ — vàng — xanh. Đây là dữ liệu thực địa thật, theo dõi được theo thời gian. Nếu chưa cài, bạn xem bài cài Google Search Console của bên mình, làm một lần dùng mãi.

WebPageTest (webpagetest.org). Cái này cho dân kỹ thuật, nó vẽ ra "thác nước" (waterfall — biểu đồ từng tài nguyên tải theo thứ tự thời gian), chọn được vị trí máy chủ đo, loại mạng, số lần chạy. Khi cần soi tại sao một ảnh hay một đoạn mã chặn việc tải, mình mở cái này.

Lighthouse (công cụ tích hợp sẵn trong trình duyệt Chrome). Bấm F12 mở phần dành cho lập trình viên, vào tab Lighthouse, chạy ngay trên máy. Tiện khi đang sửa web và muốn đo nhanh trước — sau từng thay đổi.

Lời khuyên thật lòng: đừng dùng những trang đo lạ hoắc tự khoe "chấm điểm A+ tốc độ". Nhiều trang trong số đó dùng cách tính riêng, không theo chuẩn Core Web Vitals của Google, chấm điểm cho vui chứ không giúp được gì cho thứ hạng. Bám vào công cụ của Google là chắc nhất.

Các bước đo cho ra kết quả tin được

Đo tốc độ không khó, nhưng làm cẩu thả thì ra số sai. Đây là trình tự mình vẫn theo, bạn cứ làm y vậy.

Thêm vài lưu ý nhỏ mà hiệu quả: đo trang khi bạn đã đăng xuất khỏi tài khoản quản trị, vì lúc đăng nhập web thường tải thêm thanh công cụ quản trị nặng hơn bình thường. Nếu web bạn dùng mã giảm giá, biểu mẫu, chat trực tuyến — mấy thứ đó cũng làm chậm, nên đo đúng trang khách hay vào chứ đừng đo mỗi trang trống.

Và đừng quên đo lại sau mỗi lần thay đổi. Bạn nén một loạt ảnh, gắn cache, bỏ bớt mã thừa — đo trước và sau để biết việc mình làm có thật sự nhanh lên không, hay chỉ cảm thấy nhanh.

Đọc con số sao cho khỏi tự lừa mình

Có điểm rồi, giờ tới phần đọc. Đây là chỗ mình thấy người mới hay vấp nhất.

Đầu tiên, đừng để con số tổng 0–100 của Lighthouse ám ảnh bạn. Cái điểm tổng màu mè đó là điểm lab, nó dao động khá mạnh giữa các lần chạy. Mình từng đo một trang ba lần ra ba điểm chênh nhau cả chục điểm chỉ vì mạng lúc đó khác nhau. Cái cần nhìn là ba chỉ số LCP, INP, CLS có nằm trong ngưỡng tốt không, đặc biệt ở dữ liệu thực địa.

Thứ hai, phân biệt "chậm vì hosting" và "chậm vì cách làm web". Nếu thời gian máy chủ phản hồi (server response time) cao ngay từ đầu, nghĩa là hosting yếu hoặc cấu hình kém — đổi gói hosting hoặc tối ưu phía máy chủ. Còn nếu máy chủ phản hồi nhanh nhưng LCP vẫn cao, thường là do ảnh quá nặng, mã chặn hiển thị, hoặc tải quá nhiều thứ lúc đầu. Hai nguyên nhân này cách chữa khác hẳn nhau.

Thứ ba, LCP cao gần như luôn dính tới ảnh. Ảnh banner đầu trang mà nặng vài MB thì LCP đỏ là chuyện đương nhiên. Phần lớn ca chậm bên mình xử lý đều bắt đầu từ việc nén và đổi định dạng ảnh — mình viết riêng cách làm trong bài tối ưu ảnh website, bạn nên đọc kèm vì đây là đòn bẩy đáng làm nhất.

Thứ tư, CLS đỏ thì soi xem cái gì nhảy. Thường là ảnh không khai báo kích thước, quảng cáo chèn vào, hoặc phông chữ tải muộn làm chữ đổi cỡ. Cái này sửa nhẹ nhàng mà cải thiện cảm giác dùng rõ rệt.

Cuối cùng, nhớ rằng điểm số chỉ là phương tiện. Mục tiêu thật là khách vào không phải chờ, không bực, không bỏ đi. Có khi web bạn điểm 85 mà khách thấy mượt, còn web đối thủ điểm 95 nhưng vào lúc đông người lại lag — vì điểm đo lúc vắng. Luôn lấy trải nghiệm thật làm chuẩn cuối.

Đo xong rồi làm gì tiếp

Đo tốc độ chỉ là bước chẩn đoán. Khám xong phải kê đơn. Sau khi có kết quả, thứ tự ưu tiên mình hay khuyên là: bật cache trang trước (nhẹ nhất, hiệu quả nhất), rồi tới nén ảnh, rồi tới xử lý phông chữ và mã JavaScript. Đừng nhảy ngay vào mấy thủ thuật khó mà bỏ qua mấy cái dễ làm hiệu quả cao.

Và đừng đo một lần rồi bỏ. Tốc độ web tụt dần theo thời gian — bạn cài thêm tiện ích, đăng thêm ảnh nặng, gắn thêm mã theo dõi, mỗi thứ một chút là web ì ra. Bên mình thường đặt lịch đo lại định kỳ, ít nhất mỗi tháng một lần, hoặc ngay sau mỗi đợt thay đổi lớn. Việc này nằm trong nếp quản trị website đều đặn mà bất kỳ ai có web cũng nên giữ.

Nếu bạn tự đo thấy số đỏ mà không biết bắt đầu từ đâu, cũng đừng quá lo. Phần lớn ca chậm đều có nguyên nhân rõ ràng và sửa được, chỉ là cần người quen tay nhìn đúng chỗ.

Túm lại

Đo tốc độ web không phải chuyện bấm thử trên máy mình rồi gật gù. Bạn cần đo ở chế độ điện thoại, dùng công cụ chuẩn của Google, phân biệt dữ liệu phòng lab với dữ liệu thực địa, đọc đúng ba chỉ số LCP — INP — CLS, và quan trọng nhất là tin vào trải nghiệm khách thật. Nắm được cách đo tốc độ website đúng, bạn sẽ không còn cãi nhau với cảm giác nữa — có số liệu, biết web mình đang ở đâu, biết phải sửa cái gì trước.

Nhớ rằng đo chỉ là khâu đầu. Đo để biết, rồi mới tới sửa, rồi đo lại để kiểm chứng. Vòng đó lặp lại vài lần là web bạn nhẹ hẳn, khách ở lại lâu hơn, và Google cũng "ưng" hơn.

Bên mình — Thiết Kế Web Giá Rẻ — làm web trọn gói từ 1.990.000đ gói Cơ bản, 3.990.000đ gói Pro, từ 7.990.000đ gói VIP. Mọi gói tặng tên miền, hosting và chứng chỉ bảo mật SSL năm đầu, bàn giao 3–7 ngày. Mời xem bảng giá trọn gói, tư vấn riêng thì nhắn qua trang liên hệ hoặc Zalo 0777 716 863.