Chào các bạn. Chính mình cũng đã từng đi tìm mọi cách để tối ưu hóa thông tin chi tiết về tốc độ trang của google, làm sao để nó xanh nhất có thể để chiều khách hàng và đặc biệt gần đây google lại đánh giá mạnh vào điểm số này. Và rồi chiều nay mình may mắn biết được một plugin hỗ trợ thêm để tăng điểm google lên đáng giá
Sau đó áp dụng ngay và luôn cho trang web của khách hàng cũ của mình. This web before this doing something also red, dark all the second bla bla and still red. Nhưng sau khi cài đặt plugin mình sắp xếp bên dưới thì kết quả thật bất ngờ. Nó xanh luôn các bạn ạ, từ 32 lên tận 95 trên di động luôn mới ghê 🙂
Web của khách mình đã làm: https://capvirgo.com/
Chính mình đã làm như thế nào để tăng thông tin chi tiết về tốc độ trang của google?
Vâng. Chính đó là plugin Tối ưu hóa tốc độ trang WP Meteor Topping nhé. This plugin thật sự làm mình bất ngờ khi nó tăng điểm 1 cách kinh khủng luôn.
Tại sao plugin này tăng điểm ghê vậy?
Như các bạn đã biết điểm thấp đa phần là do js quá nhiều, tất cả js của web và tất cả js của các công cụ khác như chat trực tuyến, google tracking, facebook fixel… Nhưng plugin này đã làm cho các js đó không tải ngay khi khách vào trang web mà cho đến khi người dùng thực hiện hành động nào đó hoặc trễ trong khoảng thời gian nào do mình cài đặt.
Trang web nổi bật mẫu của tôi
This plugin isinstalled as any for standard?
Rất đơn giản, bạn chỉ cần kích hoạt plugin lên. Sau đó, cài đặt tại menu Install> WP Meteor và chọn mức độ bạn muốn. Show at plugin has 3 level is: 1, 2 and ∞. Như web demo mình để ở mức 2 nhé cả nhà
Đó là mức độ có nghĩa là gì?
- Mức 1: Dành cho web nào hiện tại tốc độ tải thực tế rất nhanh dưới 1 giây mà điểm google pagespeed insights vẫn còn thấp. This level will be less image to the experience of the user most.
- Mức 2: Tốc độ tải trang web thực tế không được nhanh chóng lắm. This is a multi number is point google lét lẹt rồi nha cả nhà. Nhưng điểm yếu của nó là ở đầu màn hình có thể có 1 số phần tử sẽ được tải chậm hơn. ví dụ như hình ảnh mà để ở lazyload sẽ bị tải chậm hơn bình thường
- Mức ∞ at this level, mọi js đều không được tải cho đến khi người dùng thực hiện 1 hành động nào đó trên trang thì js mới được tải. Open this level, chắc chắn web điểm chắc chắn bạn sẽ xanh nhưng trải nghiệm người dùng cũng như bộ theo dõi google đếm có thể sẽ không làm việc
Cài đặt plugin này và có cần cài đặt bộ nhớ cache plugin khác không?
chắc chắn rồi. This plugin chỉ hỗ trợ bạn tải chậm các js từ chối ảnh hưởng ở trang tải thời gian đầu thôi, bạn vẫn cài đặt các plugin cache khác như bình thường nhé. To point as you need to max the image, css and cache page static more nha. Ví dụ đầy đủ kết hợp của mình hay được sử dụng là
- Redis cache để tối ưu cho sql
- Opcache to save the cache php file
- WP Rocket để lưu tĩnh trang. if use WP Rocket các bạn cứ bật full option lên nhé (Hoặc các plugin cache khác như Autoptimize, WP Total Cache, WP Super Cache, LiteSpeed Cache… option vào hosting của bạn và sở thích nhé)
Điểm ưu tiên của plugin này là gì?
Tất cả các điểm ưu tiên của nó sẽ giúp chúng ta tăng tốc độ tải trang và đồng thời tăng tốc độ trang web của google để hiểu rõ về tốc độ trang của Google và chiều khách hàng của chúng ta 🙂
Còn điểm khuyết của plugin là gì?
Cái gì cũng có 2 mặt của nó. This plugin cũng vậy. Mặc dù số điểm có thể cao nhưng đổi lại bạn phải chấp nhận đôi khi vào trang web có thể sẽ có 1 số phần tử được tải chậm hơn bình thường
Thường gặp vấn đề
Vấn đề phải: Nhiều bác phản hồi nó chậm hơn so với bình thường
Reason: Plugin delay 2s or when user doing any action as new download js, many lazyload image will not display that which must be wait 2s new download
Giải đáp: Chúng ta có đang kiểm tra không, nên cứ nhập cái rồi để chuột yên mà đợi nó tải, chậm rãi cảm thấy. Người dùng ngta vào cái web sẽ có chuột hành động, lúc đó js sẽ dc load luôn và ko phải đợi 2s mới load js => ko còn cảm giác chậm nữa nha 🙂
Chúc các bạn đạt được số điểm như mong muốn.
Bài viết liên quan
Hướng dẫn thêm trọng lượng carat vào woocommerce
sau đây mình xin hướng dẫn thêm trọng lượng "carat" vào woocommerce, Hôm trước mình...
Th7
Fix lỗi thư viện ảnh theo chiều dọc trong theme flatsome
Có thể bạn đang quan tâm Flatsome là 1 theme tuyệt vời cho website wordpress...
Th7
Thêm nút Mua Ngay vào Woocommerce 1 cách rất dễ dàng
Trong bài này mình sẽ chia sẻ code Thêm nút Mua Ngay vào Woocommerce 1...
Th7
Hướng dẫn thêm trường yêu cầu xuất hóa đơn VAT vào Woocommerce
Trong bài này mình sẽ hướng dẫn các bạn các thêm trường yêu cầu xuất...
Th7
Thay đổi cách hiển thị thông tin tài khoản ngân hàng của Woocommerce
Dù là chi tiết nhỏ nhưng cũng góp phần làm cho website của bạn trở...
Th7
Sửa lỗi thiếu schema aggregateRating, brand, review… cho Woocommerce
Mặc định nếu kiểm tra schema bằng công cụ kiểm tra cấu trúc dữ liệu...
Th7