Chuyên môn · Khả dụng và tiếp cận

Tốc độ trang là một phần của trải nghiệm

Khi trang chậm, khách rời đi trước cả khi kịp thấy thương hiệu của Anh Chị.

Chốt nhanh

Tốc độ tải và độ mượt thao tác là một phần của trải nghiệm thương hiệu, không phải chuyện phụ của đội kỹ thuật. Trang chậm đẩy khách rời trước khi họ kịp đọc dòng đầu tiên, còn giao diện nhảy bố cục hoặc giật khi bấm làm mất niềm tin vào sự chuyên nghiệp. Google đo ba mặt này qua bộ chỉ số Core Web Vitals và dùng làm tín hiệu xếp hạng tìm kiếm, nên hiệu năng kém vừa mất khách vừa mất thứ hạng.

Nhìn nhanh
Hợp với
website bán hàng nơi mỗi giây chậm đẩy khách rờitrang có quảng cáo, ảnh, banner tải muộn cần ổn định bố cục (CLS)kiểm hiệu năng trên thiết bị và mạng phổ thông của khách thật
Không hợp
chỉ đo tốc độ trên máy mạnh mạng nhanh rồi kết luận trang nhanhchạy theo điểm số công cụ mà quên trải nghiệm thật trên điện thoại phổ thông
Ngành hay dùng
thương mại điện tửnội dung truyền thôngdịch vụ

Tốc độ tải trang và độ mượt của giao diện không phải chuyện riêng của đội kỹ thuật. Đó là một phần của trải nghiệm thương hiệu mà khách hàng cảm nhận trực tiếp, thường trước cả khi họ đọc một dòng nội dung. Trang chậm không chỉ làm khách bỏ đi, nó còn khiến khách nghi ngờ sự nghiêm túc của doanh nghiệp đứng sau trang đó.

Ba chỉ số đo đúng trải nghiệm

Google xây dựng bộ chỉ số Core Web Vitals (chỉ số hiệu năng web cốt lõi) để đo ba mặt cụ thể của trải nghiệm tải trang, thay vì chỉ đo tốc độ chung chung:

  • LCP (Largest Contentful Paint, thời gian hiện nội dung lớn nhất): Khách chờ bao lâu mới thấy phần đáng kể của trang, ví dụ ảnh hero hoặc tiêu đề chính. Ngưỡng tốt là 2,5 giây trở xuống.
  • INP (Interaction to Next Paint, thời gian phản hồi tương tác): Sau khi khách bấm nút hoặc gõ chữ, giao diện mất bao lâu mới đáp lại. Ngưỡng tốt là 200 mili-giây trở xuống. Từ tháng 3 năm 2024, INP thay chỉ số cũ FID vì đo toàn bộ tương tác trên trang, không chỉ lần đầu tiên.
  • CLS (Cumulative Layout Shift, độ dịch chuyển bố cục tích lũy): Nội dung có nhảy chỗ khi đang tải không, khiến khách bấm nhầm hoặc mất chỗ đang đọc. Ngưỡng tốt là 0,1 trở xuống.

Cả ba chỉ số được đo ở phân vị thứ 75 số lần tải, tách riêng giữa di động và máy tính. Nghĩa là ngay cả khi phần lớn khách thấy trang ổn, nếu 1 trong 4 lần tải vẫn chậm hoặc giật, con số đó vẫn hiện ra trong dữ liệu.

Lý do cần đo trên điện thoại thật

Một sai lầm rất phổ biến là chỉ kiểm tra tốc độ trên máy tính văn phòng kết nối WiFi mạnh. Kết quả đó không phản ánh trải nghiệm của phần lớn khách hàng tại Việt Nam, đặc biệt khi họ dùng điện thoại tầm trung với mạng 4G dao động.

Ngưỡng Core Web Vitals nên được xét trên dữ liệu người dùng thật (field data), không chỉ trong môi trường phòng thí nghiệm (lab data) của công cụ. Thiết bị và mạng của khách thật thường yếu hơn đáng kể so với máy của người làm web. Điểm số công cụ cao nhưng trải nghiệm thật của khách vẫn có thể chậm, nếu không đo đúng điều kiện.

Những lỗi thường gặp làm chậm trang

  • Ảnh không nén hoặc giữ nguyên kích thước gốc quá lớn, khiến LCP chậm vì tệp ảnh nặng cần tải trước khi hiện.
  • Nhồi nhiều mã theo dõi và tiện ích của bên thứ ba, ví dụ chatbot, pixel quảng cáo, widget mạng xã hội. Mỗi thứ thêm vào đều kéo dài thời gian phản hồi và làm INP xấu đi.
  • Không khai báo sẵn kích thước cho ảnh và khung nhúng video. Khi trang tải, các phần tử này chưa có kích thước, rồi bung ra đẩy bố cục nhảy, CLS tăng cao.
  • Chạy theo con số điểm của công cụ mà không kiểm tra trải nghiệm thật trên điện thoại phổ thông.
Chọn nền tảng sớm, không phải vá về sau: Nếu nền tảng và cách dựng trang được chọn từ đầu có kiến trúc nặng, tốc độ sẽ bị giới hạn bởi trần kỹ thuật của nền tảng đó. Tối ưu về sau chỉ vá từng mảnh, không thay đổi được nền. Cân nhắc hiệu năng ngay ở bước chọn công nghệ tiết kiệm công hơn nhiều so với làm lại sau khi website đã lên.

Góc nhìn của Sinh Vũ

Trong bàn giao dự án, Sinh Vũ đặt tối ưu SEO cơ bản và Core Web Vitals là một phần hạng mục, gắn liền với việc chọn nền tảng phù hợp ngay từ khâu công nghệ. Đây không phải bước làm thêm ở cuối dự án mà là tiêu chí kỹ thuật từ đầu.

Sinh Vũ không cam kết một con số điểm cụ thể hay một thứ hạng tìm kiếm nhất định, vì thứ hạng còn phụ thuộc vào nội dung và cạnh tranh nằm ngoài tầm thiết kế. Điều Sinh Vũ hướng tới là nền kỹ thuật để trang tải nhanh, bố cục ổn định, và giao diện phản hồi mượt trên thiết bị thật của khách hàng. Đó là phần Sinh Vũ kiểm soát được và chịu trách nhiệm.

Tốc độ không chỉ là chỉ số kỹ thuật. Mỗi giây chờ thêm là một khoảnh khắc khách hàng bắt đầu nghi ngờ.

Kinh nghiệm thực hành, Sinh Vũ Studio

Nguồn tham khảo

Web Vitals, web.dev (Google). How the Core Web Vitals metrics thresholds were defined, web.dev. Understanding Core Web Vitals and Google Search results, Google for Developers.

Câu hỏi thường gặp

Core Web Vitals là gì và tại sao phải quan tâm?

Core Web Vitals là bộ ba chỉ số Google dùng để đo trải nghiệm tải trang: LCP đo thời gian hiện nội dung chính, INP đo độ trễ khi người dùng thao tác, CLS đo độ ổn định bố cục. Từ tháng 3 năm 2024, Google dùng các chỉ số này làm tín hiệu xếp hạng tìm kiếm, nên trang đạt ngưỡng tốt có lợi thế so với trang cùng nội dung nhưng chậm hơn. Quan trọng hơn, đây là chỉ số phản ánh trải nghiệm thật của khách, không phải con số kỹ thuật trừu tượng.

Điểm PageSpeed cao có nghĩa là trang đã nhanh với khách hàng chưa?

Chưa chắc. Công cụ PageSpeed Insights đo trong điều kiện phòng thí nghiệm với kết nối và thiết bị giả lập, khác với điện thoại phổ thông và mạng 4G thực tế của khách. Ngưỡng Core Web Vitals nên đo trên dữ liệu người dùng thật gọi là field data, tách riêng di động và máy tính. Nhiều trang đạt điểm cao trên công cụ nhưng vẫn chậm với khách dùng thiết bị tầm trung vì chỉ được đo trên máy mạnh.

← Về Trải nghiệm số
{INJ}