PageSpeed ​​Insights: Phân tích đẩy đủ các chỉ số từ A- Z

Tối ưu PageSpeed Insights được xem là hành động bắt buộc với những ai đang quản trị website. Ngoài làm cho website mình có tốc độ nhanh nhất..thì Google luôn ưu tiên cho những website có tốc độ nhanh xếp hạng cao hơn.

Vậy làm thế nào để tối ưu tốc độ PageSpeed Insights đạt hiệu quả cao nhất? Để làm được điều này, bạn cần hiểu và phân tích được những yếu tố mà PageSpeed Insights thống kê ra.

Bây giờ mình sẽ phân tích sâu hơn vấn đề này.

Bắt đầu thôi nào!

Google PageSpeed ​​Insights là gì?

Đó là một công cụ miễn phí do Google cung cấp cho phép bạn nhập URL trang web và nhanh chóng chạy thử nghiệm để kiểm tra các số liệu khác nhau liên quan đến hiệu suất.

Sau đó, công cụ cung cấp cho trang của bạn số điểm từ 0 đến 100 điểm (điểm cao hơn phản ánh hiệu suất tốt hơn ).

Quan trọng nhất, Google PageSpeed ​​Insights hiển thị cho bạn các thông số chính xác đang làm chậm trang của bạn cũng như các đề xuất về cách làm cho nó tốt hơn.

Tại sao tốc độ trang web lại quan trọng?

Tất nhiên là quan trọng rồi, điều gì khác xảy ra khi trang web của bạn chậm? Mọi người sẽ rời khỏi trang web của bạn (thoát) mà không thực hiện các hành động bạn muốn họ thực hiện.

Càng tệ hại hơn khi website của bạn là một Website bán hàng. Khách hàng sẽ không đăng ký, liên hệ với bạn hoặc mua hàng => Điều này dẫn đến doanh thu của bạn giảm và nhiều hệ lụy khác.

Hơn nữa Google muốn cung cấp trải nghiệm tốt nhất cho người dùng. Nếu trang web của bạn chậm, nó sẽ khiến người dùng thất vọng và tạo ra trải nghiệm người dùng không tốt.

Không những thế Google cũng đã thêm tốc độ trang web làm yếu tố xếp hạng cho máy tính để bàn vào năm 2010 và cho thiết bị di động vào năm 2018.

Theo chứng minh Nếu một trang web mất hơn 4 giây để tải, 25% khách truy cập của bạn sẽ rời đi ! Đó là lý do bạn cần phải tối ưu tốc độ website cho mọi website mà bạn có.

Làm rõ thông số trên Google PageSpeed ​​Insights

Điều đầu tiên bạn thấy sau khi chạy thử nghiệm là điểm hiệu suất (máy tính để bàn và thiết bị di động) đối với trang bạn phân tích.

Ví dụ mình phân tích link này: https://wpmarketplace.net/thiet-ke-web-tron-goi-gia-re/

Kết quả nhận được như thế này.

word image 91

Đây sẽ là một số từ 0 đến 100.

0 đến 49 – Thật tệ, bạn không muốn điểm của mình là 49 trở xuống

50 đến 89 – Điều này được nhưng vẫn cần cải thiện

90 đến 100 – Nếu bạn ở trong thang điểm này, bạn đang ở trong những cuốn sách hay.

Khi cuộn xuống, bạn sẽ thấy điều gì đang gây ra điểm số cao hoặc thấp:

word image 92

Lưu ý: Xem chỉ số màu trước mỗi phần:

Màu xanh lá cây có nghĩa là nhanh chóng

Màu cam có nghĩa là vừa phải

Màu đỏ có nghĩa là chậm

Đây là ý nghĩa của mỗi phần này:

Nội dung đầu tiên

Đây là khoảng thời gian cần thiết từ điều hướng đến một trang từ trình duyệt cho đến khi nội dung bắt đầu hiển thị.

Về cơ bản, đó là một chỉ báo cho biết trang đang bắt đầu tải.

Ví dụ, nó có thể chỉ là một sự thay đổi màu sắc là màu nền của trang, một hình ảnh được hiển thị hoặc một đoạn văn bản.

Điều này rất quan trọng vì khi người dùng thấy một số hành động, họ có nhiều khả năng sẽ đợi cho đến khi trang được tải đầy đủ.

Hướng dẫn:

word image 93

Time to interactive ( tương tác trên trang )

Tham số này cho biết tốc độ tương tác của một trang.

Điều này có nghĩa là trang hiển thị đủ các yếu tố trên màn hình để người dùng có thể thực sự tương tác với nó, ví dụ nhấp vào nút menu.

Đôi khi, các trang web có thể tập trung vào khả năng hiển thị, tức là hiển thị mọi thứ trước khi bạn có thể tương tác với nội dung có thể gây khó chịu cho người dùng.

word image 94

Tổng thời gian chặn

Có một khoảng cách giữa thời gian khách truy cập trang web của bạn nhìn thấy nội dung trên màn hình và thời gian họ có thể tương tác với nội dung đó. Đó là tổng thời gian chặn!

Sẽ là tốt hơn khi biết mọi người không thể thực hiện những việc như nhấp chuột, chạm vào màn hình hoặc nhấn từ khóa trước khi trang web tương tác.

Nhiệm vụ dài là các nhiệm vụ chặn bạn trong hơn 50ms.

Bất cứ điều gì trên 50ms được coi là thời gian chặn.

Nếu không có nhiệm vụ dài thì bạn sẽ thấy 0 thời gian chặn, đó là những gì bạn thấy trong số liệu thống kê ở trên.

Chỉ số tốc độ

word image 95

Hãy tưởng tượng 2 trang web đều tải trong 1,5 giây.

Nếu bạn duyệt qua 2 trang web hiển thị trong hình trên, cái nào sẽ tải nhanh hơn?

Cả hai đều được tải đầy đủ trong 1,5 giây nhưng vì trang web đầu tiên bắt đầu hiển thị một số phần tử sớm hơn, nó có vẻ nhanh hơn đối với người dùng.

Nếu bạn chỉ đo thời gian để tải chúng là như nhau.

Chỉ số tốc độ là điểm được tính toán dựa trên mức độ ‘nhanh’ của trang web tải hoàn toàn.

Bản ghi video về tải được sử dụng để hiển thị trực quan khi các bit được tải.

Ở các khoảng thời gian khác nhau, lượng nội dung hiển thị trên màn hình (trong màn hình đầu tiên) được so sánh với nội dung hiển thị trên một trang web được tải đầy đủ để tính ra phần trăm nội dung được hiển thị cho thời điểm cụ thể đó.

Quá trình này được lặp lại một vài lần.

Thời gian chỉ dựa trên những gì người dùng có thể nhìn thấy trên màn hình (khung nhìn). Không quan trọng những gì nằm dưới màn hình đầu tiên.

Do đó… thật tốt khi thử với các khung nhìn khác nhau.

Nếu bạn có 2 trang web và một trang hiển thị các yếu tố hình ảnh trước trang web kia, nó sẽ kết thúc với điểm chỉ số tốc độ thấp hơn.

Càng thấp càng tốt.

Opportunities ( Cơ hội )

Phần Cơ hội hiển thị cho bạn các đề xuất có thể giúp cải thiện thời gian tải trang.

Mỗi đề xuất cũng cho bạn thấy thời gian tải ước tính giảm xuống cho trang nếu bạn triển khai đề xuất.

word image 96

Chẩn đoán (Diagnostics )

Chẩn đoán nêu bật các phương pháp hay nhất trong phát triển web mà bạn nên xem xét triển khai.

Tuy nhiên, ngay cả khsi bạn thực hiện những cải tiến này, chúng sẽ không ảnh hưởng trực tiếp đến Điểm hiệu suất trang của bạn.

word image 97

Kết

Cải thiện tốc độ trang web là việc làm nhằm cung cấp cho khách truy cập trải nghiệm tốt hơn. Việc có một trang web tải nhanh khiến cả người dùng và công cụ tìm kiếm hài lòng hơn, nhưng nó cũng ảnh hưởng đến khả năng chuyển đổi khách truy cập thành khách hàng của bạn.

Một công cụ như Google PageSpeed ​​Insights cực kỳ hữu ích vì nó cho bạn biết bắt đầu từ đâu và những vấn đề nào cần tập trung để tăng hiệu suất trang web của bạn.

Hy vọng rằng bài viết này đã giúp bạn hiểu cách hoạt động của công cụ này và ý nghĩa thực sự của kết quả kiểm tra để bạn có thể bắt đầu tối ưu hóa các trang web của mình để tạo ra trải nghiệm tuyệt vời cho khách truy cập.

Cảm ơn https://www.razorsocial.com/google-page-speed-insights/ đã cho chúng tôi tham khảo bài viết này