Bạn Tìm Gì Hôm Nay ...?

Tất cả đều có chỉ trong 1 nốt nhạc !

Nếu cần hỗ trợ chi tiết gọi 1900 9477

[Woocommerce] Tối ưu tăng tốc website

  • Saturday 17/02/2024

Woocommerce là một plugin miễn phí rất tuyệt vời tuy nhiên nó rất nặng nên làm website của bạn chậm đi rất nhiều bài viết này sẽ hướng dẫn các bạn cách tối ưu tăng tốc website đang sử dụng plugin woocommerce.

woocommerce

 

1. Loại bỏ các scripts woocommerce khỏi các trang không sử dụng.

Woocommerce sẽ tải thêm khá nhiều file css và javascript cho website, tuy nhiên những file này chỉ có tác dụng với những trang shop page, sản phẩm, giỏ hàng, thanh toán… những trang mà woocommerce phụ trách nhưng nó vẫn load ở một số trang như blog, trang chủ của bạn.

Để loại bỏ các scripts, styles woocommerce này khỏi trang chủ hoặc bất kì trang nào khác, bạn thêm đoạn code bên dưới vào file functions.php của theme đang sử dụng.

add_action('wp_enqueue_scripts', 'loai_bo_WooCommerce', 99);
function loai_bo_WooCommerce() {
if(function_exists('is_woocommerce')) {
if(!is_woocommerce() && !is_cart() && !is_checkout() && !is_account_page() && !is_product() && !is_product_category() && !is_shop()) {
//loai bo woocommerce css
wp_dequeue_style('woocommerce-general');
wp_dequeue_style('woocommerce-layout');
wp_dequeue_style('woocommerce-smallscreen');
wp_dequeue_style('woocommerce_frontend_styles');
wp_dequeue_style('woocommerce_fancybox_styles');
wp_dequeue_style('woocommerce_chosen_styles');
wp_dequeue_style('woocommerce_prettyPhoto_css');
wp_dequeue_style('woocommerce-inline');
//loai bo WooCommerce Scripts javascript
wp_dequeue_script('wc_price_slider');
wp_dequeue_script('wc-single-product');
wp_dequeue_script('wc-add-to-cart');
wp_dequeue_script('wc-checkout');
wp_dequeue_script('wc-add-to-cart-variation');
wp_dequeue_script('wc-single-product');
wp_dequeue_script('wc-cart');
wp_dequeue_script('wc-chosen');
wp_dequeue_script('woocommerce');
wp_dequeue_script('prettyPhoto');
wp_dequeue_script('prettyPhoto-init');
wp_dequeue_script('jquery-blockui');
wp_dequeue_script('jquery-placeholder');
wp_dequeue_script('fancybox');
wp_dequeue_script('jqueryui');
//xoa no-js Script + Body Class
add_filter('body_class', function($classes) {
remove_action('wp_footer', 'wc_no_js');
$classes = array_diff($classes, array('woocommerce-no-js'));
return array_values($classes);
},10, 1);
}
}
}
Trường hợp trang của bạn vẫn sử dụng một vài script nào đó, bạn chỉ cần xóa dòng đó đi.

2. Tối ưu ajax cart woocommerce

Đây là một tính năng phục vụ khi bạn sử dụng cache html page để tăng tốc website, nhưng khi khách hàng thêm sản phẩm vào giỏ hàng mà bạn sử dụng overlay giỏ hàng thì sẽ không được chính xác kết quả những sản phẩm mà khách hàng đã từng thêm vào giỏ hàng.

Tuy tính năng này cực hay nhưng cực kì là nặng nề và còn làm chậm website của bạn rất nhiều.

add_action('wp_enqueue_scripts', 'clear_ajax_gio_hang', 99);
function clear_ajax_gio_hang() {
     if(function_exists('is_woocommerce')) {
             wp_dequeue_script('wc-cart-fragments');
             wp_deregister_script('wc-cart-fragments');
      }
}

Bạn thêm đoạn code trên vào file functions.php để gọi ajax giỏ hàng chỉ khi ở những trang mà woocommerce phục trách như trang sản phẩm, trang giỏ hàng, trang thanh toán, trang danh mục sản phẩm…

Trong trường hợp nếu website của bạn chỉ có nhu cầu một sản phẩm hoặc ít sản phẩm, hành vi người dùng không thêm vào giỏ hàng mà click vào mua ngay thì đây là tính năng vô bổ mà không giúp ích gì, bạn cần xóa nó đi để cải thiện tốc độ load website.

Bạn thực hiện chọn như bên dưới:

Sau đó, bạn thêm đoạn code sau vào file functions.php.

add_action('wp_enqueue_scripts', 'clear_ajax_gio_hang', 99);
function clear_ajax_gio_hang() {
         wp_dequeue_script('wc-cart-fragments');
         wp_deregister_script('wc-cart-fragments');
}

 

3. Tắt trạng thái WooCommerce meta box

Theo mặc định, WooCommerce có một hộp meta trạng thái (tiện ích thông báo) tải trong bảng điều khiển WordPress. Nếu bạn không sử dụng và không bao giờ quan tâm đến nó nó thì hãy loại bỏ.

add_action('wp_dashboard_setup', 'tat_woocommerce_status')
function tat_woocommerce_status() {
          remove_meta_box('woocommerce_dashboard_status', 'dashboard', 'normal');
}

 

4. Tối ưu widgets woocommerce

Khi bạn cài đặt và sử dụng plugin woocommerce thì woocommerce tích hợp rất nhiều widgets cho vào trong website của bạn, tuy nhiên không phải ai cũng dùng hết những các widget đó được, hoặc bạn sử dụng những widgets bên thứ 3 plugin hay themes gì đó đã giải quyết tốt vấn đề đó của bạn.

Để tắt các widgets không sử dụng, bạn thêm đoạn code sau vào functions.php. Nếu có widget mà bạn cần sử dụng, bạn nên xóa dòng tương ứng trước khi thêm vào.

add_action('widgets_init', 'tat_woocommerce_widgets', 99);
function tat_woocommerce_widgets() {
              unregister_widget('WC_Widget_Products');
              unregister_widget('WC_Widget_Product_Categories');
              unregister_widget('WC_Widget_Product_Tag_Cloud');
              unregister_widget('WC_Widget_Cart');
              unregister_widget('WC_Widget_Layered_Nav');
              unregister_widget('WC_Widget_Layered_Nav_Filters');
              unregister_widget('WC_Widget_Price_Filter');
              unregister_widget('WC_Widget_Product_Search');
              unregister_widget('WC_Widget_Recently_Viewed');
              unregister_widget('WC_Widget_Recent_Reviews');
              unregister_widget('WC_Widget_Top_Rated_Products');
              unregister_widget('WC_Widget_Rating_Filter');
}

 

5. Nâng cấp giới hạn PHP

WordPress mặc định sẽ cài đặt cấu hình bộ nhớ PHP là 32 MB. Nếu nó gặp phải bất kỳ lỗi nào, nó sẽ tự động cố gắng tăng giới hạn này lên 40 MB hay 64 MB.

Với website blog cơ bản thì 32MB giới hạn thì đã là đủ dùng rồi, nhưng với WooCommerce thì không đủ.

Trong hầu hết các trường hợp, giới hạn bộ nhớ này sẽ không đủ cho một trang WooCommerce. Bạn thậm chí có thể nhận được thông báo lỗi : “Allowed memory size of xxxxxx bytes exhausted”

Để nâng cấp giới hạn bộ nhớ của php trên Cpanel bạn thực hiện như sau:

 

 

 

6. Kết luận

Việc tối ưu tốc độ load trang web thương mại điện tử là vô cùng cần thiết. Hy vọng qua bài viết này, cùng với đoạn code bên trên sẽ giúp bạn tối ưu hóa WooCommerce script và style để cải thiện tốc độ tải trang cho trang web của bạn.

_______________________________________________________________________________________

P.A Việt Nam cung cấp đa dạng các Plan Hosting WordPress đáp ứng yêu cầu của khách hàng
WordPress Hosting phổ thông
WordPress Hosting chất lượng cao
WordPress VIP

Tham khảo các ưu đãi: https://www.pavietnam.vn/vn/tin-khuyen-mai/

Rate this post

Bài viết liên quan:

  1. [Woocommerce]: Tạo Sản Phẩm Có Thuộc Tính
  2. Các thủ thuật WordPress hữu ích giúp bạn tăng tốc và cải thiện hiệu suất website !
  3. 7 điều ảnh hưởng tới tốc độ mạng WiFi bị chậm
  4. Các thủ thuật tăng cường bảo mật cho website WordPress của bạn
  5. [Woocommerce]: Danh sách 1 số các Widget của Woocommerce
  6. [Woocommerce] 1 số cách tối ưu đường dẫn tĩnh
  7. Top 12 website quét bảo mật cho website WordPress của bạn
  8. Tăng tốc Web với HTTP3 và QUIC
  9. Cách đặt số lượng từ tối thiểu cho các bài đăng trên WordPress
  10. Cách cài đặt và sử dụng WooCommerce plugin cho website bán hàng online

Tag phổ biến