Plugins

Tăng tốc Woocommerce 9.9.x update

Posted on by Flatsomelite

Tăng tốc Woocommerce 9.9.x

Bản Woocommerce 9.9.x update hứa hẹn nhiều cải tiến về hiệu suất. Nhưng không phải chỗ nào cũng tối ưu đặc biệt là frontend tác động trực tiếp đến người dùng.
Woocommerce 9.9.x thêm rất nhiều CSS không cần thiết. Khiến dung lượng càng ngày càng phình to. Ví dụ như inline css:
<style id='woocommerce-product-button-style-inline-css' type='text/css'>.wp-block-button.wc-block-components-product-button{...}</style>
<style id='woocommerce-product-collection-style-inline-css' type='text/css'>.wp-block-woocommerce-product-collection .wc-block-components-product-stock-indicator{...}</style>
<style id='woocommerce-product-filters-style-inline-css' type='text/css'>:where(.wc-block-product-filters){...}</style>
<style id='woocommerce-product-filter-removable-chips-style-inline-css' type='text/css'>.wc-block-product-filter-removable-chips.is-vertical ...</style>

và nhiều file css khác nữa.

để xóa các css trên các bạn thêm vào funtions.php những đoạn này nhé:
function remove_woocommerce_styles() {
    wp_dequeue_style('woocommerce-product-button-style');
    wp_dequeue_style('woocommerce-product-filters-style');
    wp_dequeue_style('woocommerce-product-filter-price-slider-style');
    wp_dequeue_style('woocommerce-product-filter-removable-chips-style');
    wp_dequeue_style('woocommerce-product-filter-checkbox-list-style');
    wp_dequeue_style('woocommerce-product-filter-chips-style');
    wp_dequeue_style('woocommerce-product-gallery-style');
    wp_dequeue_style('woocommerce-product-template-style');
    wp_dequeue_style('woocommerce-add-to-cart-form-style');
    wp_dequeue_style('woocommerce-product-collection-style');
}
add_action('wp_enqueue_scripts', 'remove_woocommerce_styles', 99999);
add_action('wp_head', 'remove_woocommerce_styles', 99999);


function remove_woocommerce_inline_css() {    
    wp_add_inline_style('woocommerce-inline', '');
    
    remove_action('wp_head', array('WC_Frontend_Scripts', 'add_inline_styles'));
}
add_action('wp_enqueue_scripts', 'remove_woocommerce_inline_css', 999);
add_action('init', 'remove_woocommerce_inline_css');
 
Flatsomelite