Suy nghĩ về công cụ tăng tốc độ

Suy nghĩ về công cụ tốc độ

Google đã đưa ra rất nhiều hướng dẫn về dữ liệu hiệu suất và công cụ hiệu suất. Mục tiêu của bản đồ hoạ thông tin này là tổng hợp hướng dẫn này dành cho nhà phát triển và nhà tiếp thị, nhằm giúp họ nắm được cách suy nghĩ về hiệu suất cũng như khai thác mọi sản phẩm/dịch vụ mà công cụ cải thiện hiệu suất của Google cung cấp.

Tải phiên bản PDF xuống

Một mảnh giấy có một biểu đồ đường kẻ.

Bạn có thể nắm bắt trải nghiệm người dùng bằng một chỉ số duy nhất.

Trải nghiệm tốt cho người dùng không chỉ dựa vào một thời điểm cụ thể. Bộ công cụ này bao gồm một loạt các mốc quan trọng trong hành trình của người dùng. Hãy tìm hiểu các chỉ số khác nhau và theo dõi những chỉ số quan trọng đối với trải nghiệm của người dùng.

Quan niệm sai lầm 2

Một tập hợp các biểu tượng mạng đại diện cho nhiều thiết bị và điều kiện mạng.

Trải nghiệm người dùng có thể được ghi lại thông qua một "người dùng đại diện".
Hiệu suất trong thực tế thay đổi rất nhiều do sự khác biệt về thiết bị của người dùng, kết nối mạng và các yếu tố khác. Hiệu chỉnh phòng thí nghiệm và môi trường phát triển để kiểm tra nhiều điều kiện như vậy. Sử dụng dữ liệu trường để thông báo việc lựa chọn các tham số kiểm thử cho loại thiết bị (ví dụ: thiết bị di động so với máy tính), kết nối mạng (ví dụ: 3G hoặc 4G) và các biến quan trọng khác.

Quan niệm sai lầm 3

Một loạt mô tả về các nhóm người dùng khác nhau.

Trang web tải nhanh cho tôi nên người dùng sẽ tải nhanh.
Các thiết bị và mạng mà nhà phát triển thử nghiệm hiệu suất tải thường nhanh hơn nhiều so với trải nghiệm thực tế của người dùng. Sử dụng dữ liệu trường để biết người dùng đang sử dụng những thiết bị và mạng nào, đồng thời phản ánh đúng các điều kiện đó khi bạn kiểm thử hiệu suất.

Tìm hiểu về dữ liệu trong phòng thí nghiệm so với dữ liệu thực tế

Dữ liệu trong phòng thí nghiệm

Mô tả một người đàn ông đứng trước
một loạt các khái niệm và biểu tượng kỹ thuật trừu tượng

Dữ liệu phòng thí nghiệm là dữ liệu hiệu suất được thu thập trong một môi trường được kiểm soát bằng các chế độ cài đặt mạng và thiết bị được xác định trước. Điều này cung cấp kết quả có thể mô phỏng và khả năng gỡ lỗi để giúp xác định, tách biệt và khắc phục các vấn đề về hiệu suất.

Nên

Ưu điểm

  • Hữu ích khi gỡ lỗi các vấn đề về hiệu suất
  • Thông tin toàn diện và chuyên sâu về trải nghiệm người dùng
  • Môi trường kiểm thử và gỡ lỗi có thể mô phỏng
Không nên

Các điểm hạn chế

  • Có thể không ghi lại được nút thắt cổ chai trong thế giới thực
  • Không thể tương quan với KPI của trang trong thế giới thực

Dữ liệu trường

Hình ảnh một người sử dụng thiết bị di động trong bối cảnh công cộng.

(Còn được gọi là Hoạt động giám sát người dùng thực tế (hay Trợ lý tạm thời)

Dữ liệu trường là dữ liệu hiệu suất được thu thập từ các lần tải trang thực mà người dùng đang trải qua trong tự nhiên.

Nên

Ưu điểm

  • Ghi lại trải nghiệm người dùng trong thế giới thực
  • Bật mối tương quan với các chỉ báo hiệu suất chính của doanh nghiệp
Không nên

Giới hạn {: .comparison-worse }

  • Tập hợp chỉ số bị hạn chế
  • Khả năng gỡ lỗi bị hạn chế

Có những công cụ hiệu suất nào?

Ngọn hải đăng

Lighthouse

Đưa ra cho bạn lời khuyên dành riêng cho bạn về cách cải thiện trang web về hiệu suất, khả năng hỗ trợ tiếp cận, PWA, SEO và các phương pháp hay nhất khác.

WebPageTest

WebPageTest

Cho phép bạn so sánh hiệu suất của một hoặc nhiều trang trong môi trường phòng thí nghiệm có kiểm soát, đồng thời tìm hiểu kỹ số liệu thống kê về hiệu suất và kiểm tra hiệu suất trên thiết bị thực. Bạn cũng có thể chạy Lighthouse trên WebPageTest.

TestMySite

TestMySite

Cho phép bạn chẩn đoán hiệu suất của trang web trên nhiều thiết bị và cung cấp danh sách bản sửa lỗi để cải thiện trải nghiệm từ Webpagetest và PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Hiển thị dữ liệu trường tốc độ cho trang web của bạn, cùng với các đề xuất về cách tối ưu hoá phổ biến để cải thiện trang web.

Thẻ điểm tốc độ

Thẻ điểm tốc độ

Cho phép bạn so sánh tốc độ trang web dành cho thiết bị di động của mình với các ứng dụng ngang hàng ở hơn 10 quốc gia. Tốc độ trang web dành cho thiết bị di động được dựa trên dữ liệu thực tế từ Báo cáo trải nghiệm người dùng trên Chrome.

Công cụ tính tác động

Công cụ tính tác động

Cho phép bạn ước tính cơ hội tiềm năng về doanh thu từ việc cải thiện tốc độ trang web dành cho thiết bị di động, dựa trên dữ liệu điểm chuẩn từ Google Analytics.

Công cụ cho nhà phát triển Chrome

Công cụ cho nhà phát triển Chrome

Cho phép bạn lập hồ sơ thời gian chạy của một trang, cũng như xác định và gỡ lỗi những nút thắt cổ chai về hiệu suất.

Vì vậy, bạn là...

Biểu tượng một cuốn sách đang cho thấy biểu đồ và đồ thị.

Nhà tiếp thị hoặc nhà phát triển đang cố gắng xây dựng đề án kinh doanh để cải thiện trải nghiệm người dùng trên trang web của bạn. Bạn nói đến tiền đô la và đang tìm kiếm những con số về tiền có thể giúp bạn định lượng chi phí cơ hội và mức tăng dự kiến.

  • Sử dụng Thẻ điểm tốc độ để so sánh tốc độ trang web dành cho thiết bị di động của bạn với các ứng dụng ngang hàng ở hơn 10 quốc gia. Điểm số dựa trên dữ liệu thực tế từ Báo cáo trải nghiệm người dùng trên Chrome.
  • Sử dụng Công cụ tính tác động để ước tính cơ hội tiềm năng về doanh thu nhờ việc cải thiện tốc độ trang web dành cho thiết bị di động. Mức độ tác động được thúc đẩy bởi dữ liệu điểm chuẩn từ Google Analytics.
  • Hãy sử dụng TestMySite để kiểm tra thời gian tải trang trên thiết bị di động cùng với điểm chuẩn ngành và để tìm hiểu mức độ hiệu quả của các bản sửa lỗi đơn giản trong việc tăng tốc độ trang web và giảm lượng khách truy cập. TestMySite hiện do WebPageTest và PageSpeed Insights cung cấp.
Biểu tượng một chiếc máy tính xách tay có biểu trưng Chrome phía sau và cao hơn một chút.

Nhà phát triển đang cố gắng nắm được hiệu suất hiện tại của trang web của bạn dựa trên trải nghiệm của người dùng Chrome thực tế và tìm kiếm các đề xuất kiểm tra dựa trên các nguyên tắc cũng như xu hướng hàng đầu trong ngành.

PageSpeed Insights giúp bạn hiểu được hiệu suất thực tế của trang web của mình, theo trải nghiệm của người dùng Chrome, đồng thời đề xuất các cơ hội tối ưu hoá.

Biểu tượng của trang kết quả kiểm tra Lighthouse.

Nhà phát triển đang cố gắng tìm hiểu và kiểm tra một trang web theo các phương pháp hay nhất hiện đại về hiệu suất web.

Lighthouse chứa một tập hợp toàn diện các cơ hội hiệu suất; cung cấp cho bạn danh sách các cơ hội hiệu suất bị thiếu trên trang và thời gian tiết kiệm được bằng cách triển khai từng tối ưu hoá, giúp bạn hiểu mình nên làm gì.

Biểu tượng kính lúp
phía trên một con bọ.

Nhà phát triển đang tìm hướng dẫn kỹ thuật về cách gỡ lỗi/tìm hiểu sâu về hiệu suất của trang web.

Công cụ cho nhà phát triển Chrome (CDT) chứa một Bảng điều khiển hiệu suất cho phép bạn tìm hiểu chi tiết các vấn đề về hiệu suất của trang web bằng cách phân tích trang web bằng các cấu hình tuỳ chỉnh, giúp bạn theo dõi nút thắt cổ chai về hiệu suất. Bạn có thể sử dụng CDT trên phiên bản phát hành chính thức hoặc phiên bản phát triển của trang web.

WebPageTest chứa một bộ chỉ số nâng cao và dấu vết người xem. Giải pháp này giúp bạn tìm hiểu sâu hơn về hiệu suất của trang web trên phần cứng di động thực tế với các điều kiện mạng.