![[Hướng Dẫn] Cách Tắt WooCommerce Brands Để Tối Ưu Tốc Độ Website Hiệu Quả Nhất](https://thuthuat.com.vn/wp-content/uploads/2025/05/tat-woocommerce-brands.jpg "[Hướng Dẫn] Cách Tắt WooCommerce Brands Để Tối Ưu Tốc Độ Website Hiệu Quả Nhất")
Cộng đồng quản trị web và lập trình viên WordPress tại Việt Nam gần đây đã dành nhiều sự quan tâm cho bản cập nhật WooCommerce 9.6. Một trong những thay đổi đáng chú ý nhất là việc hệ thống tự động kích hoạt tính năng Thương hiệu (Brands) mặc định trên mọi nền tảng. Mặc dù đây là một bổ sung giá trị cho việc phân loại sản phẩm, nhưng đối với những website không có nhu cầu sử dụng, nó lại trở thành một tác nhân gây “nặng gánh” cho hệ thống. Cụ thể, việc tải thêm file brands-styles-css trên toàn bộ site sẽ làm tăng lượng HTTP requests không cần thiết, ảnh hưởng trực tiếp đến điểm số Core Web Vitals và trải nghiệm người dùng. Tại Thủ Thuật, chúng tôi luôn ưu tiên sự tinh gọn và hiệu suất. Bài viết này sẽ phân tích chi tiết vấn đề và hướng dẫn bạn các phương pháp chuyên sâu để vô hiệu hóa hoàn toàn tính năng này.
Phân tích tác động của WooCommerce Brands đến hiệu suất
Trước khi tiến hành can thiệp kỹ thuật, việc hiểu rõ cơ chế hoạt động của tính năng mới là vô cùng quan trọng. Kể từ phiên bản 9.6, WooCommerce đã tích hợp sâu tính năng Brands vào lõi hệ thống.
Khi bạn truy cập vào trang quản trị WordPress, bạn sẽ nhận thấy sự xuất hiện của menu Thương hiệu (Brands) nằm ngay bên trong mục Sản phẩm (Products).
Giao diện quản trị WooCommerce hiển thị mục Thương hiệu mới trong menu Sản phẩm
Không chỉ dừng lại ở menu quản lý, tính năng này còn chiếm dụng không gian trong trình soạn thảo sản phẩm. Nó hoạt động như một Taxonomy (phân loại) tương tự như Danh mục (Categories) hay Thẻ (Tags), cho phép người quản trị gán nhãn hiệu cho từng mặt hàng.
Khu vực chọn Thương hiệu xuất hiện trong trang chỉnh sửa chi tiết sản phẩm
Vấn đề kỹ thuật nằm ở đâu?
Vấn đề phát sinh khi WooCommerce mặc định tải một file stylesheet riêng biệt có tên brands-styles-css vào phần <head> của website, bất kể bạn có sử dụng tính năng này hay không. Trong kỹ thuật tối ưu SEO và tốc độ tải trang (PageSpeed), đây được gọi là Unused CSS (CSS không sử dụng). Việc trình duyệt phải tải và phân tích một file CSS thừa sẽ làm chậm thời gian hiển thị nội dung đầu tiên (FCP – First Contentful Paint).
Mã nguồn website cho thấy file brands-styles-css đang được tải dù không sử dụng
Nếu bạn là một người theo đuổi sự hoàn hảo trong tối ưu hóa website, việc loại bỏ file này là bắt buộc để đảm bảo mã nguồn sạch sẽ và tốc độ tải trang nhanh nhất.
Hướng dẫn kỹ thuật: Vô hiệu hóa WooCommerce Brands
Dựa trên cấu trúc website và trình độ kỹ thuật, Thủ Thuật đề xuất hai phương pháp xử lý triệt để vấn đề này.
Phương pháp 1: Can thiệp vào Database (Dành cho mọi Theme)
Đây là phương pháp “chuẩn chỉ” nhất, tác động trực tiếp vào cơ sở dữ liệu của WordPress để tắt tính năng từ gốc. Cách này áp dụng được cho mọi giao diện (Theme) từ Flatsome, WoodMart cho đến các theme tự code (Custom Theme).
Chúng ta sẽ sử dụng hook init để thay đổi giá trị wc_feature_woocommerce_brands_enabled trong bảng wp_options.
Bước 1: Truy cập vào file functions.php trong Child Theme của bạn hoặc sử dụng plugin Code Snippets (Khuyên dùng để tránh lỗi khi cập nhật theme).
Bước 2: Chèn đoạn mã PHP sau:
/**
* Tắt tính năng WooCommerce Brands (Chạy 1 lần rồi xóa)
* Author: Thu Thuat Team
*/
add_action( 'init', function() {
update_option( 'wc_feature_woocommerce_brands_enabled', 'no' );
} );Bước 3 – Bước quan trọng nhất:
Sau khi lưu đoạn mã, hãy tải lại trang quản trị (Refresh Dashboard). Kiểm tra menu Sản phẩm, nếu mục Thương hiệu đã biến mất, nghĩa là lệnh đã thực thi thành công.
Lúc này, bạn NÊN XÓA hoặc VÔ HIỆU HÓA đoạn code trên ngay lập tức.
Lý do: Hàm update_option ghi dữ liệu vĩnh viễn vào Database. Việc để đoạn code này chạy lặp lại mỗi khi tải trang là không cần thiết và gây lãng phí tài nguyên máy chủ.
Phương pháp 2: Cấu hình trên Theme Paradise (Dành riêng cho người dùng theme này)
Nếu website của bạn được xây dựng trên nền tảng Theme Paradise – một framework bán hàng phổ biến tại Việt Nam, nhà phát triển đã tích hợp sẵn công tắc bật/tắt để hỗ trợ người dùng không chuyên về code.
Quy trình thực hiện như sau:
- Kiểm tra phiên bản Theme Paradise, đảm bảo bạn đang ở bản 6.8.7 trở lên.
- Tại trang quản trị, truy cập đường dẫn: Giao diện (Appearance) -> Tùy biến (Customize).
- Tìm đến section: Thiết lập giao diện -> Tối ưu tốc độ.
- Tại mục Loại bỏ Brands CSS, chuyển trạng thái sang Có.
- Nhấn nút Đăng (Publish) để lưu lại.
Bảng điều khiển Theme Paradise với tùy chọn tắt Brands CSS
Sau khi thực hiện, hãy nhớ xóa cache trình duyệt và cache server (nếu có) để thấy sự thay đổi.
Cảnh báo lỗi brands-styles-css trong công cụ kiểm tra trước khi tối ưu
Cách khôi phục tính năng Thương hiệu khi cần thiết
Trong trường hợp chiến lược kinh doanh thay đổi và bạn muốn phân loại sản phẩm theo nhà sản xuất, việc kích hoạt lại tính năng này cũng rất đơn giản. Tuy nhiên, vì chúng ta đã can thiệp vào Database ở phương pháp 1, chỉ xóa code cũ là chưa đủ.
Khôi phục bằng Code (Cho người dùng Phương pháp 1)
Bạn cần chạy một lệnh update_option mới để đảo ngược giá trị cài đặt. Hãy thêm đoạn mã sau vào functions.php hoặc Code Snippets:
/**
* Kích hoạt lại WooCommerce Brands
*/
add_action( 'init', function() {
update_option( 'wc_feature_woocommerce_brands_enabled', 'yes' );
} );Tương tự như quy trình tắt, bạn hãy tải lại trang Dashboard để lệnh được thực thi. Khi thấy mục “Thương hiệu” xuất hiện trở lại, hãy xóa đoạn code này đi để giữ file functions sạch sẽ và tối ưu.
Khôi phục trên Theme Paradise
Đối với người dùng Theme Paradise, bạn chỉ cần quay lại đường dẫn Tùy biến -> Tối ưu tốc độ và chuyển mục Loại bỏ Brands CSS về trạng thái Không.
Kết luận
Việc quản lý tài nguyên website là một kỹ năng thiết yếu của bất kỳ quản trị viên công nghệ nào. Tính năng WooCommerce Brands dù hữu ích nhưng không phải là “chiếc áo vừa vặn” cho mọi cửa hàng trực tuyến. Bằng cách vô hiệu hóa file brands-styles-css khi không sử dụng, bạn đã chủ động giảm thiểu các yêu cầu HTTP thừa, góp phần cải thiện chỉ số Core Web Vitals và tăng điểm SEO tổng thể.
Hy vọng bài viết chuyên sâu này từ Thủ Thuật đã giúp bạn làm chủ được mã nguồn WooCommerce của mình. Đừng quên theo dõi chúng tôi để cập nhật những thủ thuật công nghệ và giải pháp tối ưu website mới nhất. Nếu gặp khó khăn trong quá trình thực hiện, hãy để lại bình luận bên dưới để được cộng đồng hỗ trợ nhé!
Discussion about this post