Làm cách nào để xác định ngân sách hiệu suất web của bạn?

Làm cách nào để xác định ngân sách hiệu suất web của bạn?

Với việc tốc độ trang trở thành một thước đo quan trọng cho cả SEO và UX trong những năm qua, khái niệm về ngân sách hiệu suất web cũng đã lên hàng đầu. Giờ đây, rõ ràng hơn là hiệu suất web là một chủ đề đòi hỏi quan điểm chung giữa tất cả các bộ phận, thay vì chỉ là ưu tiên của một bộ phận hoặc cá nhân.

Để giải thích điều này bằng một ví dụ: bộ phận tiếp thị có thể muốn thực hiện chuyển đổi và mã tiếp thị lại/nhắm mục tiêu lại, cùng với các công cụ như Nhà Criteo và RTB, sử dụng nhắm mục tiêu lại dựa trên sản phẩm. Họ cũng có thể mong đợi những bức ảnh và hoạt ảnh bắt mắt. Trong khi đó, bộ phận sản phẩm có thể yêu cầu tích hợp các công cụ như Hotjar và sự rõ ràng. Mặt khác, các bộ phận phần mềm đặt mục tiêu phát triển nhanh nhất có thể trên cả mặt trước và mặt phụ trợ. Nhu cầu và chi phí liên quan đến những nhu cầu này về tốc độ trang thực sự cân bằng. Ngân sách hiệu suất web đã xuất hiện để thiết lập sự cân bằng này một cách hiệu quả.

Ngân sách hiệu suất web bao gồm việc đặt tốc độ mục tiêu cho nền tảng của bạn trên một nền tảng cụ thể và thiết lập các mục tiêu bằng số mà tất cả các bên liên quan sẽ tuân thủ để đạt được tốc độ này. Nói tóm lại, cái giá phải trả để có được tốc độ nhanh chính là ngân sách dành cho hiệu suất web.

 

image-5.png
Nguồn: https://wp-rocket.me/blog/performance-budgets/

 

Mọi thứ bắt đầu với một đề xuất. Bạn đề xuất tốc độ mở trang của mình trên một loại kết nối cụ thể. Ví dụ: một số đề xuất ngân sách hiệu suất có thể là:

  • Trang chủ có thể mở được không dưới 2 giây trên kết nối di động 3G nhanh (1.6 Mbps)?
  • Trang kết quả tìm kiếm có thể mở bằng dưới 5 giây trên kết nối 3G chậm (780 Kbps)?

Tiếp theo, bạn tạo một kế hoạch hành động và các chỉ số phụ để đạt được các đề xuất này, chia nó thành nhiều phần.

Ngoài các đề xuất, có thể có các mục tiêu ngân sách hiệu suất khác. Ví dụ:

  • Tăng cường ngọn hải đăng di động điểm chi tiết trang trên 80
  • Giảm kích thước của tất cả hình ảnh trên trang web dành cho máy tính để bàn xuống dưới 500 KB

Số liệu ngân sách hiệu suất

Có ba quan điểm khác nhau được chấp nhận để xác định các thước đo của ngân sách hiệu suất:

Số liệu dựa trên số

  • Số lượng phông chữ tối đa / Kích thước phông chữ tối đa
  • Số lượng hình ảnh tối đa / Kích thước hình ảnh tối đa
  • Số lượng tập lệnh, kiểu, video, v.v. tối đa / Kích thước tập lệnh, kiểu, video, v.v. tối đa
  • Kích thước HTML tối đa
  • Số lượng yêu cầu HTTP tối đa
  • Số lượng tập lệnh của bên thứ ba tối đa

 

image-7.png
Nguồn: https://web.dev/vitals/

 

Số liệu dựa trên thời gian

  • Thời gian hiển thị nội dung đầu tiên (FCP)
  • Thời gian hiển thị nội dung lớn nhất (LCP)
  • Thời gian trễ đầu vào đầu tiên (FID)
  • Thời gian tương tác (TTI)
  • Tổng thời gian chặn (TBT)
  • Điểm thay đổi bố cục tích lũy (CLS)
  • Điểm chỉ số tốc độ

Số liệu dựa trên quy tắc

  • Điểm ngọn hải đăng
  • điểm GTmetrix
  • Điểm kiểm tra trang web
  • Điểm Y chậm
performance-ngân sách-máy tính.png
Nguồn: https://www.performancebudget.io/

Khi đặt ngân sách hiệu suất web của bạn, bạn nên kết hợp tất cả các khía cạnh này theo thước đo phù hợp thay vì chỉ chọn một. Bạn có thể dùng trình mô phỏng ngân sách hiệu suất để tìm những con số cần thiết để đạt được tốc độ mục tiêu của bạn.

Đánh giá các loại trang riêng biệt

Một điểm quan trọng khi xác định ngân sách hiệu suất là không dựa vào một trang duy nhất trên trang web. Một lỗi phổ biến là chỉ kiểm tra trang chủ dẫn đến đánh giá không đầy đủ.

Bạn nên bắt đầu bằng cách kiểm tra nền tảng và xác định các loại trang khác nhau. Sau đó, phân tích lưu lượng truy cập của nền tảng để xác định các trang nhận được nhiều lưu lượng truy cập nhất và ưu tiên chúng. Kết quả sẽ là một bảng tương tự như sau:

  • Trang chủ
  • Các trang danh sách tĩnh
  • Trang danh sách động
  • Trang chi tiết
  • Trang thanh toán
  • Trang kết quả tìm kiếm
  • Trang chiến dịch
  • Trang blog

Bạn cần tập trung vào ngân sách hiệu suất của các loại trang này một cách riêng biệt, dựa trên mức độ ưu tiên.


Bài viết liên quan

Switas Như Đã Thấy Trên

Phóng to: Mở rộng tiếp thị người có sức ảnh hưởng với Engin Yurtdakul

Hãy xem nghiên cứu trường hợp Microsoft Clarity của chúng tôi.

Chúng tôi nhấn mạnh Microsoft Clarity là một sản phẩm được xây dựng dựa trên các trường hợp sử dụng thực tế, có tính ứng dụng cao, bởi những người am hiểu sản phẩm và hiểu rõ những thách thức mà các công ty như Switas phải đối mặt. Các tính năng như theo dõi hành vi nhấp chuột tức giận và lỗi JavaScript đã chứng tỏ giá trị vô cùng quan trọng trong việc xác định sự khó chịu của người dùng và các vấn đề kỹ thuật, cho phép thực hiện các cải tiến có mục tiêu, tác động trực tiếp đến trải nghiệm người dùng và tỷ lệ chuyển đổi.