WP Rocket 3.1 ra mắt với những tính năng có một không hai.
Nếu bạn chưa biết thì vào đêm hôm qua 18/7/2018, WP Rocket 3.1 (beta 1) đã chính thức ra mắt với rất nhiều nâng cấp rất đáng giá. Chúng không những sẽ giúp bạn cải thiện tốc độ load thực tế của website mà còn giúp nâng cao điểm số trên Google PageSpeed Insights khi mang tới những giải pháp tuyệt vời có khả năng xử lý các vấn đề mà nhiều người đang gặp phải. Đó là nguyên nhân thôi thúc tôi phải viết bài này để giới thiệu chúng với tất cả các bạn.
- WP Rocket – plugin tạo cache tốt nhất dành cho WordPress
- Hướng dẫn cài đặt và sử dụng plugin WP Rocket
WP Rocket 3.1 có gì mới?
Theo changelog từ nhà cung cấp, WP Rocket 3.1 (beta 1) sẽ bao gồm các thay đổi sau:
Requirements change: WP Rocket now requires WordPress 4.7 or higher
New feature: Create a cache of WooCommerce empty cart content to improve loading time of the wc-ajax=get_refreshed_fragments AJAX request
New feature: Google Tracking one-click add-on enables you to create a local cache version of Google Analytics and Google Tag Manager files, improving browser caching for them
Enhancement: Combining JS files also combines inline and 3rd party scripts, resulting in a better compatibility and no render-blocking files
Enhancement: Improve compatibility with WooCommerce Multilingual currency switcher
Enhancement: Improve detection of some CSS files during minification/combine
Fix: Correctly assign the return value of the set_rocket_wp_cache_define filter
Fix: Prevent incorrect display of the license expiration date in the dashboard in some cases
Fix: Prevent caching of pages with a 403 or 500 error code
Fix: Prevent entire site from being excluded from cache when WooCommerce pages are not correctly defined or published
Fix: Prevent a php warning in some cases with a multilingual plugin when clearing the cache
Trong đó, nổi bật là 3 tính năng:
Tối ưu cache cho Google Analytics và Google Tag Manager
Truy cập tab Add-ons trong trang thiết lập của WP Rocket và chuyển Add-on status của mục Google Tracking sang trạng thái On rồi lưu lại. Tính năng này sẽ giúp bạn khắc phục lỗi cache file JS của Google Analytics và Google Tag Manager (cụ thể là thời gian cache quá ngắn) trên các công cụ kiểm tra tốc độ website như Google PageSpeed Insights, WebPageTest, GTmetrix hay Pingdom.
Tham khảo thêm:
- Khắc phục lỗi cache của Google Analytics một cách đơn giản
- Lưu trữ Google Fonts ngay trên host để tăng tốc độ load
Tối ưu wc-ajax=get_refreshed_fragments
Nếu bạn đang sử dụng plugin WooCommerce trên website của mình thì chắc hẳn đã từng nhìn thấy cái tên wc-ajax=get_refreshed_fragments trong kết quả test tốc độ với Google PageSpeed Insights hay Pingdom phải không nào?
Về cơ bản WooCommerce sẽ cố gắng thu thập thông tin chi tiết của giỏ hàng bằng cách gọi các script và mất nhiều thời gian để hoàn thành công việc. Các script này xuất hiện trên tất cả các trang để cập nhật thông tin giỏ hàng mới nhất thông qua AJAX. Điều đáng nói ở đây là chúng không hề được cache hay nén. Do đó wc-ajax=get_refreshed_fragments gây ảnh hưởng rất nhiều đến tốc độ load web. Cách duy nhất để xử lý vấn đề này trước đây là loại bỏ nó bằng code:
add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11);
function dequeue_woocommerce_cart_fragments() { if (is_front_page()) wp_dequeue_script('wc-cart-fragments'); }Tuy nhiên, với WP Rocket 3.1, wc-ajax=get_refreshed_fragments đã được xử lý một cách hoàn toàn tự động mà bạn không phải tiến hành bất cứ thiết lập gì.
Tối ưu inline và external JavaScript
Tính năng Combine JavaScripts files của WP Rocket đã được nâng cấp với khả năng gộp luôn cả inline JS và external JS. Điều này sẽ giúp bạn xử lý các vấn đề liên quan đến file JS của bên thứ 3 (tải từ ngoài host, chẳng hạn như Facebook, Google, YouTube…) chặn hiển thị nội dung (render blocking) trên Google PageSpeed Insights. Xem hướng dẫn chi tiết về cách cấu hình plugin WP Rocket trong link tham khảo ở phần đầu bài viết này.
Thật tuyệt vời phải không nào? Bạn còn chần chừ gì nữa mà không bật tính năng Rocket Tester để nâng cấp lên phiên bản 3.1 beta 1 ngay hôm nay?
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. :)
Công nhận cái rocket đáng đồng tiền bát gạo ghê. Cài phát là site xanh mướt.
Đối với các site dùng web server Apache hoặc NginX thôi. Còn riêng với web server LiteSpeed và Open LiteSpeed thì mình vẫn khuyên dùng plugin LiteSpeed Cache. Nó vừa miễn phí lại cho hiệu năng tốt hơn WP Rocket.
LiteSpeed Cache em cài, em bật nén js lên nó toàn lỗi site anh ạ.
Bạn đã thử test hết tất cả các thiết lập của JS Settings chưa? Nếu test hết rồi mà vẫn lỗi thì bạn có thể dùng plugin Autoptimize (để nén dữ liệu) kết hợp với plugin LiteSpeed Cache (để cache dữ liệu) nhé.
để em test với Autoptimize xem
Xin chao Wpcanban,
Như bạn biết đấy, khi bật cache thì chức năng đếm số lượng lượt xem (views count) của bài viết sẽ không hoạt động. Vậy phải làm sao loại bỏ cache cho phần này.?
Phần code đếm view của trang mình là code được thêm thủ công vào function.php. Vậy có cách nào loại bỏ cache cho chúng trong WP Rocket không à?
Trừ khi bộ đếm của bạn sử dụng AJAX, còn nếu không thì khó lắm bạn. Sao bạn không dùng mấy plugin kiểu như Post Views Counter ấy.
Bên mình dùng cái . getpostviews(get_the_id()); này, vô tư luôn.
function setpostview($postID){
$count_key =’views’;
$count = get_post_meta($postID, $count_key, true);
if($count == ”){
$count = 0;
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, ‘0’);
} else {
$count++;
update_post_meta($postID, $count_key, $count);
}
}
function getpostviews($postID){
$count_key =’views’;
$count = get_post_meta($postID, $count_key, true);
if($count == ”){
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, ‘0’);
return “0”;
}
return $count;
}
Lần sau nếu muốn chia sẻ code thì paste nó vào GitHub hoặc đâu đó rồi share link vào đây bạn nhé. Bạn post trực tiếp trong phần bình luận thì một số code sẽ không hiển thị đầy đủ được đâu. :P
Website này của bạn đang nén css đấy? Nhìn ổn mà ko tìm ra
Mình dùng plugin LiteSpeed Cache bạn nhé.
ok cảm ơn bạn. Hỏi thiếu mà bạn vẫn hiểu để trả lời :D
Bác nào có cần rocket k, mình có 1 bản đây, dùng tới 2022, nhắn mail prohoangloi@gmail.com mình share cho dùng
Em cũng mới download cái rocket về dùng, quá ngon, nhưng không biết làm sao đưa cái script defer lên trên wp_head được, nên tốc độ chưa được tuyệt đối
Cảm ơn AD nhé !!!
Cảm ơn ad đã tư vấn :3 Mong là nó tốt hơn Litespeed
Nếu host sử dụng web server LiteSpeed thì dùng plugin LiteSpeed Cache vẫn là tốt nhất bạn nhé.
Theo Bác thì WP Rocket và Cache Enable thì thằng nào tốt hơn
Tất nhiên là WP Rocket rồi. Cache Enabler chẳng có gì để so, ngoại trừ hỗ trợ WebP.
Muốn sử dụng. Nhờ admin tư vấn giúp mình nhé
Bạn muốn dùng thì vào wp-rocket.me mà mua. Đang có khuyến mãi giảm giá 35% đó. Đừng mua ở nguồn ngoài, không đảm bảo đâu. Coi chừng tiền mất tật mang.
đã cài thử. trải nghiệm đầu tiên là web tăng tốc lên đáng kể. thanks admin