1. Tại sao nên loại bỏ Global Styles?
- Giảm dung lượng HTML trả về
- Loại bỏ CSS không sử dụng, giúp load nhanh hơn
- Tránh xuất hiện các SVG, style inline không kiểm soát được
Khi bạn “View Source” một website WordPress hiện đại (đặc biệt từ 6.x trở lên), bạn gần như chắc chắn sẽ thấy những đoạn mã dạng:
<style id='global-styles-inline-css'> ... </style>Đây là Global Styles do Gutenberg tự động generate. Nếu website của bạn không dùng block editor hoặc không cần hệ thống preset này, thì đây chính là… mỡ thừa.
2. Cách vô hiệu hóa Global Styles (WP 6.9+)
Từ WordPress 6.9 trở lên, cơ chế enqueue đã thay đổi một chút. Các cách cũ thường không còn tác dụng đầy đủ. Cách đúng hiện tại là dùng remove_action trực tiếp như sau:
Chỉ cần thêm đoạn mã này vào file functions.php hoặc các plugin như Code Snippets:
/**
* Remove Global Styles Inline CSS (WP 6.9+)
*/
remove_action('wp_enqueue_scripts', 'wp_enqueue_global_styles');
remove_action('wp_footer', 'wp_enqueue_global_styles', 1);Sau khi thêm, bạn refresh lại và View Source, đoạn <style id="global-styles-inline-css"> sẽ biến mất hoàn toàn.
(Cập nhật 03/12/2025)
3. Khi nào KHÔNG nên tắt?
Bạn chỉ nên giữ Global Styles nếu:
- Đang dùng theme Full Site Editing (FSE)
- Dùng hệ thống style preset của Gutenberg
- Tuỳ biến màu sắc, font chữ bằng Site Editor
Nếu bạn tắt trong các trường hợp này, giao diện có thể vỡ layout hoặc mất màu, mất font.
Kết luận
Với các website dùng Classic Editor, theme custom, hoặc build UI thủ công bằng CSS, việc loại bỏ Global Styles trong WordPress 6.9 là một bước tối ưu rất đáng làm. Nó giúp source gọn hơn, giảm inline CSS vô nghĩa và tránh những đoạn SVG, preset không kiểm soát được. Ít rác hơn, website thở khỏe hơn.
Bình luận