Các chỉ số hiệu suất tập trung vào người dùng

Chúng ta đều đã biết hiệu suất quan trọng như thế nào. Nhưng khi nói về hiệu suất và đảm bảo trang web "nhanh" thì ý của chúng ta cụ thể là gì?

Sự thật là hiệu suất chỉ mang tính tương đối:

  • Một trang web có thể tải nhanh đối với một người dùng (trên mạng nhanh có thiết bị mạnh) nhưng lại chậm đối với người dùng khác (trên mạng chậm với thiết bị cấp thấp).
  • Hai trang web có thể tải xong trong cùng một khoảng thời gian, nhưng một trang web có thể có vẻ tải nhanh hơn (nếu trang tải dần nội dung thay vì đợi đến cuối trang để hiển thị bất kỳ nội dung nào).
  • Một trang web có thể có vẻ tải nhanh nhưng sau đó phản hồi chậm (hoặc hoàn toàn không phản hồi) đối với tương tác của người dùng.

Vì vậy, khi nói về hiệu suất, điều quan trọng là phải chính xác và đề cập đến hiệu suất theo các tiêu chí mục tiêu có thể đo lường định lượng. Những tiêu chí này được gọi là metrics.

Tuy nhiên, việc một chỉ số dựa trên các tiêu chí khách quan và có thể đo lường được ở định lượng không có nghĩa là các phép đo đó vẫn hữu ích.

Xác định chỉ số

Trước đây, hiệu suất web được đo lường bằng sự kiện load. Tuy nhiên, mặc dù load là một khoảnh khắc được xác định rõ trong vòng đời của một trang, nhưng khoảnh khắc đó không nhất thiết tương ứng với bất cứ điều gì mà người dùng quan tâm.

Ví dụ: một máy chủ có thể phản hồi bằng một trang tối thiểu "tải" ngay lập tức nhưng sau đó trì hoãn việc tìm nạp nội dung và hiển thị mọi nội dung trên trang cho đến vài giây sau khi sự kiện load kích hoạt. Mặc dù về mặt kỹ thuật, một trang như vậy có thể có thời gian tải nhanh, nhưng thời gian đó sẽ không tương ứng với trải nghiệm thực tế của người dùng khi tải trang.

Trong vài năm qua, các thành viên của nhóm Chrome – cùng với Nhóm hoạt động về hiệu suất web của W3C – đã và đang chuẩn hoá một bộ API và chỉ số mới giúp đo lường chính xác hơn cách người dùng trải nghiệm hiệu suất của một trang web.

Để đảm bảo các chỉ số phù hợp với người dùng, chúng tôi sẽ trình bày chúng xoay quanh một số câu hỏi chính:

Điều này có đang diễn ra không? Quá trình điều hướng có bắt đầu thành công không? Máy chủ đã phản hồi chưa?
Công cụ này có hữu ích không? Nội dung đã hiển thị đủ để người dùng có thể tương tác với nội dung đó chưa?
Công cụ này có hữu ích không? Người dùng có thể tương tác với trang hoặc trang có bận không?
Sản phẩm có thú vị không? Các hoạt động tương tác có mượt mà và tự nhiên, không bị trễ và giật không?

Cách đo lường các chỉ số

Chỉ số hiệu suất thường được đo lường theo một trong hai cách:

  • Trong phòng thí nghiệm: sử dụng các công cụ để mô phỏng hoạt động tải trang trong một môi trường nhất quán, được kiểm soát
  • Trong hiện trường: trên người dùng thực sự đang tải và tương tác với trang

Không có tuỳ chọn nào trong số này tốt hơn hoặc kém hơn các tuỳ chọn khác. Trên thực tế, bạn thường muốn sử dụng cả hai để đảm bảo hiệu suất tốt.

Ở phòng thí nghiệm

Việc thử nghiệm hiệu suất trong phòng thí nghiệm là điều cần thiết khi phát triển các tính năng mới. Trước khi các tính năng được phát hành chính thức, không thể đo lường đặc điểm hiệu suất của chúng trên người dùng thực. Vì vậy, việc kiểm thử các tính năng đó trong phòng thí nghiệm trước khi phát hành tính năng là cách tốt nhất để ngăn chặn sự hồi quy về hiệu suất.

Trên thực địa

Mặt khác, mặc dù hoạt động kiểm thử trong phòng thí nghiệm là một proxy hợp lý cho hiệu suất nhưng không nhất thiết phản ánh trải nghiệm ngoài trời của tất cả người dùng.

Hiệu suất của trang web có thể thay đổi đáng kể tuỳ vào khả năng của thiết bị và điều kiện mạng của người dùng. Tần suất này cũng có thể thay đổi tuỳ thuộc vào việc người dùng có đang tương tác với trang hay không (hoặc cách thức).

Hơn nữa, việc tải trang có thể không mang tính quyết định. Ví dụ: các trang web tải quảng cáo hoặc nội dung được cá nhân hoá có thể có các đặc điểm hiệu suất rất khác nhau giữa người dùng với người dùng. Thử nghiệm trong phòng thí nghiệm sẽ không ghi lại được những khác biệt đó.

Cách duy nhất để thực sự biết được trang web của bạn đang hoạt động như thế nào cho người dùng là thực sự đo lường hiệu suất của trang web khi những người dùng đó đang tải và tương tác với trang web. Loại hình đo lường này thường được gọi là Giám sát người dùng thực – hay gọi tắt là rum.

Các loại chỉ số

Có một số loại chỉ số khác có liên quan đến cảm nhận của người dùng về hiệu suất.

  • Tốc độ tải dự kiến: tốc độ một trang có thể tải và hiển thị tất cả các phần tử trực quan của trang đó lên màn hình.
  • Khả năng phản hồi khi tải: tốc độ một trang có thể tải và thực thi bất kỳ mã JavaScript bắt buộc nào để các thành phần phản hồi nhanh với tương tác của người dùng
  • Khả năng phản hồi trong thời gian chạy: sau khi tải trang, trang có thể phản hồi nhanh đến mức nào với hoạt động tương tác của người dùng.
  • Độ ổn định về hình ảnh: các phần tử trên trang có thay đổi theo cách mà người dùng không mong đợi và có thể ảnh hưởng đến hoạt động tương tác của họ hay không?
  • Độ mượt: các hiệu ứng chuyển đổi và ảnh động có hiển thị với tốc độ khung hình nhất quán và di chuyển trơn tru từ trạng thái này sang trạng thái tiếp theo không?

Với tất cả các loại chỉ số hiệu suất ở trên, hy vọng rằng rõ ràng là không có chỉ số nào là đủ để nắm bắt tất cả đặc điểm về hiệu suất của một trang.

Các chỉ số quan trọng cần đo lường

Mặc dù danh sách này bao gồm các chỉ số đo lường nhiều khía cạnh khác nhau của hiệu suất có liên quan đến người dùng, nhưng danh sách này không bao gồm mọi khía cạnh. Ví dụ: hiện tại, chúng tôi chưa đề cập đến khả năng phản hồi và độ mượt mà trong thời gian chạy.

Trong một số trường hợp, các chỉ số mới sẽ được giới thiệu để bao gồm những khía cạnh còn thiếu, nhưng trong các trường hợp khác, chỉ số phù hợp nhất lại là chỉ số được điều chỉnh riêng cho trang web của bạn.

Chỉ số tùy chỉnh

Các chỉ số hiệu suất được liệt kê ở trên giúp bạn hiểu rõ về các đặc điểm hiệu suất của hầu hết các trang web trên web. Các chỉ số này cũng phù hợp để có bộ chỉ số phổ biến cho các trang web để so sánh hiệu suất của trang web với các đối thủ cạnh tranh.

Tuy nhiên, có thể đôi khi một trang web cụ thể có tính độc đáo theo cách nào đó và yêu cầu các chỉ số bổ sung để thu được bức tranh đầy đủ về hiệu suất. Ví dụ: bạn có thể dùng chỉ số LCP để đo khi nội dung chính của một trang đã tải xong, nhưng có thể có những trường hợp phần tử lớn nhất không nằm trong nội dung chính của trang và do đó, LCP có thể không phù hợp.

Để giải quyết những trường hợp như vậy, Nhóm hoạt động về hiệu suất web cũng đã chuẩn hoá các API cấp thấp hơn có thể hữu ích cho việc triển khai các chỉ số tuỳ chỉnh của riêng bạn:

Hãy tham khảo hướng dẫn về Chỉ số tuỳ chỉnh để tìm hiểu cách sử dụng các API này nhằm đo lường đặc điểm hiệu suất dành riêng cho trang web của bạn.