---
title: "Vô hiệu hóa WordPress Global Styles giúp tăng tốc website"
author: "Trung Hiếu"
date: "2022-06-08"
lastmod: "2025-12-24"
url: "https://wpcanban.com/wordpress/thu-thuat-wordpress/vo-hieu-hoa-wordpress-global-styles.html"
---
# Vô hiệu hóa WordPress Global Styles giúp tăng tốc website
Vô hiệu hóa WordPress Global Styles (global-styles-inline-css và SVG filter) giúp tăng tốc website.
Nếu bạn chưa biết thì kể từ phiên bản 5.9.0, [WordPress](https://wpcanban.com/category/wordpress) đã bổ sung thêm tính năng “Duotone Filters” nhằm cho phép người dùng sử dụng các bộ lọc màu với hình ảnh (xem chi tiết [tại đây](https://wordpress.org/news/2021/05/coloring-your-images-with-duotone-filters/)). Để tính năng này có thể hoạt động được, họ đã chèn thêm các đoạn code CSS và SVG vào mã nguồn website. Chúng có dung lượng khá lớn và sẽ gây ảnh hưởng tới tốc độ load của website. Trong trường hợp bạn không sử dụng Block Editor (Gutenberg) hoặc không sử dụng bộ lọc màu, tốt nhất bạn nên vô hiệu hóa WordPress Global Styles đi cho đỡ nặng web.
Tham khảo thêm:
- [Hướng dẫn vô hiệu hóa Embed Script trong WordPress](https://wpcanban.com/wordpress/thu-thuat-wordpress/vo-hieu-hoa-embed-script-trong-wordpress.html)
- [Loại bỏ Emoji để tăng tốc độ load cho website WordPress](https://wpcanban.com/wordpress/thu-thuat-wordpress/loai-bo-emoji-tang-toc-wordpress.html)
## WordPress Global Styles là gì?
Khi xem mã nguồn (view source) của các website sử dụng WordPress 5.9.0 trở lên, các bạn sẽ thấy các đoạn code như sau:
- CSS code (`global-styles-inline-css`): nằm trước thẻ ``, có độ dài 196 dòng.
```
```
- SVG code: nằm trước thẻ ``, có độ dài 115 dòng.
```
```
Chúng được gọi chung là WordPress Global Styles.
## Vô hiệu hóa WordPress Global Styles trong theme Paradise
Nếu bạn đang sử dụng [theme Paradise](https://wpcanban.com/mua-paradise-child-theme) do [WP Căn bản](https://wpcanban.com) phát triển thì tất cả những gì các bạn cần làm là:
1. Cập nhật theme Paradise lên phiên bản 5.5.8 (phát hành ngày 08/06/2022) hoặc mới hơn.
2. Cập nhật WordPress lên phiên bản 5.9.0 hoặc mới hơn.
3. Truy cập *Giao diện* => *Tùy biến* => *Tối ưu tốc độ* => chuyển mục *[Gutenberg] Gỡ bỏ Global Styles* sang trạng thái `Có` rồi lưu lại.
4. Xóa cache website (nếu có) và kiểm tra kết quả.
## Vô hiệu hóa WordPress Global Styles trong các theme khác
1. Chèn một trong các đoạn code sau đây vào trong file `functions.php` của theme hoặc child theme mà bạn đang sử dụng. Các bạn cũng có thể sử dụng plugin [Code Snippets](https://wpcanban.com/wordpress/thu-thuat-wordpress/chen-code-php-vao-wordpress-voi-plugin-code-snippets.html) để chèn code nhằm tránh chúng bị xóa mất khi update theme.
- Code 1:
```
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );
```
- Code 2:
```
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_body_open', 'wp_global_styles_render_svg_filters' );
```
Nếu các code bên trên không có tác dụng, hãy thử thay thế bằng một trong các đoạn code sau.
- Code 1:
```
function wpcb_remove_global_css() {
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );
}
add_action( 'init', 'wpcb_remove_global_css' );
```
- Code 2:
```
function wpcb_remove_global_css() {
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_body_open', 'wp_global_styles_render_svg_filters' );
}
add_action( 'init', 'wpcb_remove_global_css' );
```
2. Xóa cache website (nếu có) và kiểm tra kết quả.
Thật đơn giản phải không nào? Chúc các bạn thành công!
*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.* :)