Tải có điều kiện Css và Js của Woocommerce

Hướng dẫn tải có điều kiện Css và Js của Plugin Woocommerce một cách dễ dàng. Khi đã sử dụng WordPress để lập một website bán hàng thì không thể không biết đến Woocommerce, thực sự nó là 1 plugin cực kì mạnh mẽ cho bán hàng. Nhưng theo mặc định của Wp thì tất cả các trang đều load các file Css và Js của Woo vậy nên điều đó vô tình làm cho số lượng request mỗi trang tăng lên. Chính vì điều đó mà nó gián tiếp làm chậm tốc độ tải trang của website chúng ta, khách hàng đợi lâu sẽ rất ảnh hưởng tới trải nghiệm người dùng.

Danh sách file Js và Css của Woo

Các file có thể thay đổi theo mỗi phiên bản cập nhật của Woo File Js của Woo

http://sitename.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js
http://sitename.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js
http://sitename.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js
http://sitename.com/wp-content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js
http://sitename.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js

File Css của Woo

http://sitename.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css
http://sitename.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css
http://sitename.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css

Tải có điều kiện các file Css và Js của Woo

Điều này có nghĩa là chúng ta chỉ cho phép các file này của Woo chạy trên các file mà nó tạo ra như trang cửa hàng, giỏ hàng thanh toán, tài khoản. Và chúng ta không cho phép chúng tải trên các trang khác. Cách thực hiện: Các bạn vào theo đường dẫn: Giao diện > Sửa giao diện > Function.php coppy và chèn đoạn code này bên dưới nhé:

//* Conditional load WooCommerce's JS and CSS
function conditionally_load_woc_js_css() {
     if (function_exists('is_woocommerce')) {
           if (!is_woocommerce() && !is_cart() && !is_checkout() && !is_account_page() && !is_product() && !is_product_category() && !is_shop()) {
                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_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');
             }
      }
}
add_action('wp_enqueue_scripts', 'conditionally_load_woc_js_css');

Sau đó kéo xuống dưới ấn lưu lại và nếu có Plugin cache thì nhớ xóa cache và hưởng thành quả nhé !