Trang chủ > Failover Hosting > Hướng dẫn tăng điểm Google PageSpeed Insights cho website Wordpress

Hướng dẫn tăng điểm Google PageSpeed Insights cho website Wordpress

1. Google Pagespeed Insights là gì?

Google Pagespeed Insights là một bộ tiêu chuẩn đo lường do chính Google đề xuất ra. Theo Google, các tiêu chuẩn trong Pagespeed Insights sẽ tập trung vào hai vấn đề chính là:

+ Tốc độ tải trang

+ Mức độ thân thiện của website đối với người dùng

Vì vậy, Website nào càng được nhiều điểm ở trang đánh giá Pagespeed Insights thì có nghĩa là trang đó đáp ứng được càng nhiều các tiêu chuẩn của Google 

2. Cách tăng điểm Google PageSpeed Insights cho Website Wordpress

2.1Chấm điểm Website của bạn bằng công cụ PageSpeed Insights:

Sau khi đã cài đặt xong Website cùng như Plugin cần thiết, bạn có thể bắt đầu chấm điểm cho Website thông qua trang PageSpeed Insights như sau:

B1: Truy cập link: https://developers.google.com/speed/pagespeed/insights/

B2: Điền link URL website của bạn => Chọn Analyze

B3: Công cụ tính toán và trả về điểm website của bạn hiện tại trên cả 2 giao diện PC và Smartphone:

2.2. Hướng dẫn tăng điểm Google PageSpeed Insights:

PageSpeed Insights không chỉ hỗ trợ chấm điểm website mà còn cung cấp công cụ tối ưu cho Website của bạn.

Ngay trên màn hình chấm điểm, kéo xuống cuối trang bạn sẽ tìm thấy mục Download optimized image, Javascript and CSS resources => Down file về để tiến hành tăng điểm Google PageSpeed Insights của bạn

Tệp tin thu được có tên “optimized_contents.rar” có nghĩa là các nội dụng đã được tối ưu.

Lúc này, Kích đúp chuột để mở tệp tin, ta sẽ thấy các nội dung này đã được chia nhỏ thành 3 folder là: js, image, css.

Sau đó, ta sẽ thực hiện tối ưu cho 3 nội dung này.

Dưới đây, mình sẽ mô tả chi tiết đối với việc tối ưu hình ảnh. Để tối ưu css và js, các bạn có thể thực hiện tương tự. Cụ thể:

Hình ảnh luôn là thứ khiến Website tải chậm và nó cũng là vấn đề rất nan giải. Để tối ưu cho phần hình ảnh của Website, bạn có thể thực hiện các bước sau:

B1: Trong phần Optimization Suggestions trên màn hình chấm điểm, ở mục Optimize images, kích chuột vào “Show how to fix”

B2: Lúc này màn hình sẽ hiện ra chi tiết danh sách địa chỉ đường dẫn chứa các file ảnh có thể giảm dung lượng để tối ưu tốc độ cho Website Wordpress của bạn

B3: Xem đường dẫn link ảnh, truy cập vào Files Manager của website wordpress để thay thế các file ảnh ban đầu bằng file ảnh đã được tối ưu.

Ví dụ: Ở dòng đầu đầu tiên, có đường dẫn link như sau:

Truy cập vào File Manager theo đường dẫn đó để tìm đến vị trí file ảnh “mint-1.png” cần tối ưu:

Chọn son18081993.name.vn => DocumentRoot => wp-content => Uploads => 2016 => 12

Sau đó, giải nén optimized_contents đã tải về, mở folder “image”, tìm file ảnh “mint-1.png” rồi kéo thả vào folder 12. Khi đó, file ảnh đã được tối ưu sẽ tự động được tải lên và thay thế cho file ảnh ban đầu.

B4: Làm tương tự với các hình ảnh còn lại và thực hiện chấm điểm lại website để thấy tác dụng của tối ưu hình ảnh trong việc tăng điểm PageSpeed Insights.