Hướng dẩn Kiểm tra tốc độ web bằng PageSpeed Insights miễn phí của Google

Trong bài viết này, Web4s sẽ hướng dẫn các bạn cách kiểm tra tốc độ web bằng PageSpeed Insights, đây là sản phẩm do chính Google cung cấp và phát triển. Mời bạn cùng đón đọc để biết thêm thông tin chi tiết.

1. Google PageSpeed Insights (PSI) là gì?

- Google PageSpeed Insights là một trong số các công cụ đo lường tốc độ load trang web chuyên nghiệp, uy tín nhất hiện nay bạn nhất thiết phải biết khi làm website.  
- Lợi ích của Google Speed Insight:
+ Đo hiệu năng của trang web trên máy tính để bàn (PC) và các thiết bị di động.
+ Liệt kê các khả năng tối ưu hóa mà trang có thể được cải thiện.
+ Đưa ra những gợi ý hoặc hướng dẫn giúp bạn cải thiện tốc độ load và hiệu suất của website

Sử dụng Google Pagespeed Insights

Sử dụng Google Pagespeed Insights để kiểm tra tốc độ load trang web

2. Hướng dẫn các bước kiểm tra tốc độ web bằng Google Pagespeed Insights

2.1. Bước 1

- Truy cập trang web page speed insights = Thêm URL trang web bạn muốn kiểm tra vào ô = Click “Analyze” để bắt đầu phân tích

Nhập URL của trang webNhập URL cần kiểm tra tốc độ trang web

- Chờ đợi một vài phút để Google PageSpeed Insights load dữ liệu và kiểm tra tốc độ web

2.2. Bước 2

- Click chuột vào “Mobile” để check tốc độ web trên di động và “Desktop” để kiểm tra tốc độ load web, tối ưu hóa trên máy tính để bàn.
- Các trang web cần điểm tốc độ load web đạt từ 80 trở lên để được Google chú ý và đánh giá cao.

Kiểm tra tốc độ webĐiểm kiểm tra tốc độ web trên desktop của trang web cao

- Trong kết quả phân tích của Google PageSpeed Insights, bạn có thể chủ động kiểm tra các yếu tố như: Thời gian hiển thị nội dung đầu tiên (FCP); Thời gian phản hồi lần tương tác đầu tiên (FID); Hình ảnh có nội dung/ ý nghĩa đầu tiên; Chỉ số tốc độ; CPU nhàn rỗi đầu tiên; Thời điểm tương tác; Thời gian phản hồi lần tương tác đầu tiên tối đa có thể…

Các chỉ số liên quan đến kiểm tra tốc độ load webCác kết quả liên quan đến tốc độ web được page speed insight phân tích cụ thể

Dựa vào các chỉ số đánh giá này, bạn sẽ nắm bắt được những phần mình đã làm tốt hay chưa và có những điều chỉnh kịp thời để hiệu suất cũng như tốc độ load web nhanh hơn.
- Tại mục Opportunities, PSI đề xuất một số gợi ý nhằm giúp trang web của bạn cải thiện tốc độ load web và điều này không ảnh hưởng trực tiếp đến điểm đánh giá hiệu suất web.

Gợi ý tăng tốc độ load webGoogle Speed Insight cũng đưa ra những gợi ý giúp web cải thiện tốc độ load 

3. Cách tính điểm của công cụ kiểm tra tốc độ web Google Pagespeed Insights

Công cụ Google Speed Insight tính điểm tốc độ load web dựa vào sự phân tích của Lighthouse API

Thang điểm đánh giá tốc độ web Kiểm tra tốc độ trang web dễ dàng dựa trên thang điểm 

- Thang điểm Speed Insight: Từ 0 đến 100 điểm
+ Điểm 0 là mức điểm thấp nhất của một trang web, chứng tỏ web có nhiều lỗi
+ Mức 50 điểm là số điểm an toàn dành cho các website có chất lượng khá ổn.
+ Cuối cùng là 100 điểm, đây là mức cao nhất chứng tỏ trang web chất lượng.
Dựa vào thang điểm kiểm tra tốc độ web này, chủ website sẽ có những phương án tối ưu nhất để cải thiện tốc độ tải trang đạt số điểm cao.

4. Các tiêu chuẩn đánh giá của Google Pagespeed Insights

- Về tối ưu hiệu suất:
+ Lựa chọn cỡ chữ hợp lý để dễ dàng hiển thị nội dung  
+ Hạn chế sử dụng plugin
+ Tối ưu các liên kết trên web
+ Thực hiện cấu hình viewport nhằm giúp hiển thị kích thước màn hình cho phù hợp.

Tiêu chuẩn đánh giá của PSIMột số tiêu chí đánh giá của công cụ speed insight


- Về tối ưu tốc độ:
+ Giảm kích thước, dung lượng hình ảnh
+ Tối ưu thời gian phản hồi của server (máy chủ)
+ Tối ưu chèn CSS trên web
+ Trong quá trình tải trang, cần bỏ chặn CSS, Javascript
+ Hạn chế việc chuyển hướng trên trang đích
+ Tối ưu bộ nhớ đệm trên trình duyệt.


Tuấn Nguyễn

587 Blog posts

Comments