Vô hiệu hóa WooCommerce Brands để tăng tốc độ

Vô hiệu hóa WooCommerce Brands (brands-styles-css) để tăng tốc độ load.

Kể từ phiên bản 9.6, WooCommerce đã mặc định kích hoạt thêm tính năng Brands (thương hiệu) cho tất cả các website. Tác dụng của Brands là cho phép bạn phân loại và hiển thị các sản phẩm dựa theo thương hiệu của chúng. Tuy nhiên, không phải ai cũng có nhu cầu phân loại sản phẩm theo thương hiệu. Khi đó, tính năng Brands trở nên thừa thãi và trở thành một trong những nguyên nhân khiến web của bạn load chậm. Đặc biệt là file CSS có tên brands-styles-css mà tính năng này chèn vào trong mã nguồn HTML.

Tham khảo thêm:

• Tinh giản WooCommerce giúp website của bạn nhẹ hơn
• Tải có điều kiện các file JS và CSS của plugin WooCommerce

WooCommerce Brands là gì?

Khi cập nhật WooCommerce lên phiên bản 9.6 hoặc mới hơn, bạn sẽ thấy mục Brands (Thương hiệu) xuất hiện trong Products (Sản phẩm).

Nó cũng xuất hiện trong trình soạn thảo sản phẩm:

Brands là một product taxonomies và nó hoạt động tương tự như product categories (danh mục sản phẩm) hay product tags (thẻ sản phẩm). Tham khảo thêm về cách sử dụng WooCommerce Brands tại đây nếu bạn có nhu cầu.

Tính năng Brands sẽ chèn thêm 1 file CSS có tên brands-styles-css vào tất cả các trang trên website của bạn:

Vô hiệu hóa WooCommerce Brands

Nếu bạn không có nhu cầu sử dụng tính năng Brands hoặc bạn đã gỡ bỏ schema của plugin WooCommerce thì tính năng Brands cũng nên được vô hiệu hóa để tăng tốc độ load web và tránh gây lỗi web.

Tùy theo theme mà bạn đang sử dụng để lựa chọn phương án cho phù hợp:

Đối với theme Paradise

1. Hãy cập nhật theme Paradise lên phiên bản 6.8.7 hoặc mới hơn.

2. Truy cập Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => Chuyển mục Loại bỏ Brands CSS sang trạng thái Có rồi lưu lại.

3. Truy cập Produtcs => Brands để xác nhận nó đã được vô hiệu hóa.

Đối với các theme khác

1. Những gì bạn cần làm là thêm đoạn code sau đây vào trong file functions.php của theme hoặc child theme đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.

//* Disable WooCommerce Brands
add_action( 'init', function() {
    update_option( 'wc_feature_woocommerce_brands_enabled', 'no' );
} );

2. Truy cập Produtcs => Brands để xác nhận nó đã được vô hiệu hóa.

Tái kích hoạt WooCommerce Brands

Nếu sau này bạn có nhu cầu sử dụng tính năng Brands, bạn hoàn toàn có thể kích hoạt lại nó:

Đối với theme Paradise

Các bạn chỉ cần truy cập Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => Chuyển mục Loại bỏ Brands CSS sang trạng thái Không rồi lưu lại là được.

Đối với các theme khác

Chúng ta đã vô hiệu hóa WooCommerce bằng cách can thiệp vào database. Do đó, nếu bạn muốn kích hoạt lại nó thì việc gỡ bỏ code snippets bên trên thôi là chưa đủ. Các bạn cần phải chèn thêm đoạn code sau đây:

//* Re-enable WooCommerce Brands
add_action( 'init', function() {
    update_option( 'wc_feature_woocommerce_brands_enabled', 'yes' );
} );

Tải lại WordPress Dashboards để xác nhận WooCommerce Brands đã được tái kích hoạt.

Thật đơn giản phải không nào? Bạn còn chần chừ gì nữa mà không thử ngay?

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. :)