Skip to main content

Cách đạt 100 điểm trên Google PageSpeed Insights bằng WP Meteor

Mục lục:

Với một plugin có tên là WP Meteor, bạn có thể cải thiện điểm số trên Google PageSpeed một cách đơn giản

Tuy nhiên, bên cạnh cải thiện điểm Google PageSpeed, các bạn cũng đừng quên cân bằng với trải nghiệm của người dùng.

Tốc độ load web dù sao cũng chỉ là một trong hàng chục, thậm chí hàng trăm yếu tố của xếp hạng tìm kiếm mà thôi.

Giới Thiệu về WP Meteor

WP Meteor Page hoạt động với một nguyên lý rất đơn giản là làm trì hoãn (delay) toàn bộ các script (JS) có trên website WordPress của bạn, khiến chúng không bị Google PageSpeed đánh giá trong quá trình kiểm tra tốc độ. Nên có thể xem đây chỉ là một thủ thuật qua mặt công cụ test thôi.

Tuy nhiên chú ý có nhiều khả năng nó sẽ ảnh hưởng đến trải nghiệm người dùng. Ví dụ như bạn đang sử dụng tính năng lazyload hình ảnh thì hình ảnh sẽ hiển thị chậm hơn, ngay cả đối với những hình ảnh nằm trong màn hình đầu tiên.

WP Meteor tương thích hầu hết các Plugin cache như :Autoptimize, WP Rocket, WP Total Cache, WP Super Cache, LiteSpeed Cache nhưng cũng sẽ sinh ra lỗi với Plugin như Nitropack, Phastpress,  Elementor Offcanvas.

Vậy nên bạn nên cân nhắc trước khi cài đặt

Hướng Dẫn Cài Đặt

Sau khi cài đặt Plugin vào Wordpress

Bước 1: Vào Settings > WP Meteor > Settings

Image
hướng dẫn cài đặt WP Meteor 1

Trong đó có 3 mức độ 

- Mức 1: Trì hoãn toàn bộ script trong vòng 1 giây sau khi các thành phần khác đã tải xong.

Cải thiện đáng kể điểm Google PageSpeed Insights, nhưng đồng thời hạn chế thấp nhất việc ảnh hưởng đến trải nghiệm người dùng cũng như khả năng phát sinh lỗi không đáng có.

- Mức 2: Trì hoãn toàn bộ script trong vòng 2 giây sau khi các thành phần khác đã tải xong.

Cải thiện điểm Google PageSpeed Insights ở mức cao hơn, tuy nhiên trải nghiệm người dùng sẽ kém hơn, khả năng bị phát sinh lỗi web cũng cao hơn so với mức độ 1. 

- Mức ∞: Trì hoãn toàn bộ script cho đến khi người dùng tương tác với website. 

Khuyến nghị chỉ nên dùng mức 1 hoặc mức 2

Bước 2: Chuyển qua tab Elementor nếu bạn dùng Plugin Elementor 

Image
hướng dẫn cài đặt WP Meteor 2

Website của bạn nếu đang sử dụng plugin Elementor, thì hãy tick vào mục "Run Elementor Entrance Animations in view"

Còn nếu bạn đang sử dụng plugin PowerPack for Elementor, hãy tick vào mục "Emulate Elementor Powerpack Pro menu"

Bước 3: Click Save Changes

Hãy nhớ đây chỉ là một thủ thuật không phải cải thiện tốc độ website Wordpress thực sự.