Hướng dẫn cải thiện điểm Google PageSpeed Insights cho website WordPress một cách đơn giản.
Nếu bạn là một tín đồ nghiện test điểm Google PageSpeed và đã làm trăm cách khác nhau nhưng vẫn không thể nào cải thiện được điểm Google PageSpeed Insights cho website của mình thì bài viết này là dành cho bạn. Với sự trợ giúp của một plugin có tên là WP Meteor, mọi việc sẽ trở nên đơn giản hơn bao giờ hết. 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 nhé. 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.
Tham khảo thêm:
- Google PageSpeed Insights cập nhật giao diện mới
- Điểm Google PageSpeed Insights liệu có còn đáng tin?
WP Meteor hoạt động như thế nào?
Nguyên lý hoạt động
Các script (JS) là một trong những yếu tố ảnh hưởng rất nhiều đến tốc độ load web trên thực tế cũng như điểm test Google PageSpeed. WP Meteor hoạt động với một nguyên lý rất đơn giản: 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 “sờ tới” trong quá trình test tốc độ. Đây có thể xem là một “chiêu trò” để “qua mặt” các công cụ test tốc độ.
Ưu và nhược điểm
- Ưu điểm: giúp website của bạn đạt điểm số Google PageSpeed Insights cao hơn khá nhiều trong một số trường hợp.
- Nhược điểm: có thể gây lỗi hiển thị website cũng như ảnh hưởng không tốt tới trải nghiệm của người dùng trong một số trường hợp. Nếu 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.
Khả năng tương thích
WP Meteor tương thích tốt với một số plugin hỗ trợ tối tốc độ load khác như:
- Autoptimize
- WP Rocket
- WP Total Cache
- WP Super Cache
- LiteSpeed Cache
Tuy nhiên, nó không tương thích với:
- Nitropack
- Phastpress
Ngoài ra, nó cũng không tương thích với Elementor Offcanvas addon. Nếu đang sử dụng 1 trong số 3 plugin kể trên, bạn chắc chắn không nên cài đặt WP Meteor.
Cải thiện điểm Google PageSpeed Insights
1. Đầu tiên, các bạn phải cài đặt và kích hoạt plugin WP Meteor Page Speed Optimization Topping (download).
2. Truy cập Settings => WP Meteor => Settings và lựa chọn mức thiết lập phù hợp với nhu cầu của bạn.
Trong đó:
- Mức 1: delay 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, 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 lỗi web. Những khách truy cập với thời gian dưới 1 giây sẽ không được thống kê vào Google Analytics.
- Mức 2: delay 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ị lỗi web cũng cao hơn. Những khách truy cập với thời gian dưới 2 giây sẽ không được thống kê vào Google Analytics.
- Mức ∞: delay toàn bộ script cho đến khi người dùng tương tác với website. Những khách truy cập với thời gian dưới 2 giây sẽ không được thống kê vào Google Analytics.
Chúng tôi khuyên bạn nên bắt đầu thử từ mức 1 sau đó đến mức 2 và so sánh kết quả. Mức ∞ sẽ ảnh hưởng rất nhiều tới trải nghiệm người dùng cũng như hoạt động của website (không thống kê truy cập cho đến khi người dùng tương tác), trong khi thường không mang lại hiểu quả tốt hơn các mức 1 và 2, do đó không được khuyên dùng.
Click vào nút Save Changes để lưu lại.
3. Chuyển qua tab Elementor.
- Nếu website của bạn đang sử dụng plugin Elementor, hãy tick vào mục Run Elementor Entrance Animations in view. Nếu không, hãy bỏ tick mục này.
- Nếu website của bạn đang sử dụng plugin PowerPack for Elementor, hãy tick vào mục Emulate Elementor Powerpack Pro menu. Nếu không, hãy bỏ tick mục này.
Click vào nút Save Changes để lưu lại.
4. Tiến hành xóa cache website (nếu có) và kiểm tra kết quả. Nếu tình trạng lỗi giao diện xảy ra hoặc hiệu quả không được như mong muốn, các bạn chỉ cần vô hiệu hóa rồi xóa plugin đi là được. Thật đơn giản phải không nào? Chúc các bạn thành công!
Bạn đã cài thử plugin WP Meteor bao giờ chưa? Bạn đánh giá như thế nào về hiệu quả của nó đối với website của mình? Hãy chia sẻ với chúng tôi ý kiến của bạn thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
E check bên site bác thấy các chỉ số của bác rất cao. Bác tư vấn giúp e để e cải thiện tốc độ với được ko ah.
Bạn tham khảo các bài viết trong serie Tăng tốc WordPress nhé. Hoặc chuyển qua sử dụng dịch vụ WordPress Hosting của bên mình để được hỗ trợ tối ưu website WordPress miễn phí.
Định cài thử mà thấy nhiều người lỗi với wp-rocket nên thôi, mình đang dùng wp-rocket + cloudflare thì điểm pagespeed trên mobile được 97 còn trên desktop được 100. Nhưng nhiều lúc test nó lại xuống 87 và 99 :(
Điểm test Google PageSpeed là điểm test tốc độ load web trên máy tính của bạn. Nó thay đổi tùy theo kết nối mạng mỗi lần bạn test mà. Nên không bao giờ có con số cố định đâu.
mình cài wp meteor vào site nhưng lại bị lỗi statcounter không đếm được view trên site, sửa cách nào ạ. Mong chỉ giúp, mình cám ơn
Cài mà lỗi thì chỉ còn cách gỡ bỏ một trong 2 cái thôi bạn. Vì plugin WP Meteor không có tính năng loại trừ (exclude).
Plugin này hôm được cộng đồng mạng vùng Tây Bắc chia sẻ nhau ý ới. Cài vào điểm tăng đáng kể phết, nhưng sau khi mình oánh giá tổng thể thì không dùng nữa.
Anh em nào chơi Google Adsense thì cài vào điểm sẽ cao hơn đáng kể đấy.
Chia sẻ cho anh em nào thích “sống ảo” thôi. Chứ thực tế site của mình cũng không dùng. :D
Tới đây google cập nhật thuật toán về cái này thì phải, mình cũng đang muốn tối ưu mà khổ nỗi site cty k dùng wp, nhận con site chỉ số đỏ lòm hết hồn
Chưa cần cài plugin thì với host và theme của wpcanban điểm desktop cũng đã đc 100 rồi, chỉ có điểm mobile hơi thấp thôi.
Điểm mobile không cao là do Font Awesome + cái widget Google Custom Search. :)
À thảo nào, tóm lại dùng host và theme của wpcanban thì ko cần lo cải thiện điểm :))
thử cả 3 mức bác à. đều bị như vậy cả. thử xong xoá Cache rồi
Nếu thế thì chắc nó xung đột với theme hoặc plugin nào đó rồi. Bạn thử tắt hết các plugin xem có bị không? Nếu hết bị thì bật lần lượt từng cái, vừa bật vừa thử cho đến khi nó bị lại => xác định plugin xung đột. Còn nếu xung đột với theme thì chịu. :D
Chỉ cài chắc plugin cache wp mà tắt đi rồi nó vẫn bị. K hiểu chuyện gì. Điểm số thì thấy tăng
tắt wprocket vẫn bị tư click bác à, cứ đặt tay lên màn hình điện thoại là nó click vào các link ở vùng đó
Bạn đang thiết lập plugin ở mức mấy vậy?
Cài plugin này cải thiện tốc độ đáng kể nhưng xảy ra hiện tượng lỗi với wprocket dùng theme flatsome là khi vào bằng điện thoại vuốt xuống phía dưới thì nó tự động click vào các link , k biết bác chủ site có cao kiến gì về vấn đề gì khắc phục không, đang xem trang mà dùng tay vuốt xuống để xem bên dưới trang có gì thì nó tự động click vào link mặc dùng tay không cố tình chạm để vào
Bạn tắt plugin WP Rocket đi thì nó có hết lỗi đó không?
Mình mới làm theo hướng dẫn bài viết, cài cho website news-gle.com của mình, để ở mức cao nhất ∞ thì thấy chỉ số trên pagespeed + gtmetrix tăng rõ rệt luôn.
Khuyến cáo không bật mức cao nhất mà cuối cùng lại dùng à? Đúng chuẩn người Việt rồi. :))
đã sử dụng wordpess hosting của wpcanban thì ngại gì mà không thử. kkk.
P/s: Sáng nay đã làm theo khuyến cáo hạ xuống mức 2 rùi. Mức ∞ quá nhanh quá nguy hiểm đó Hiếu.