• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Vô hiệu hóa WordPress Global Styles giúp tăng tốc website
hosting-tot-nhat-danh-cho-wordpress

Vô hiệu hóa WordPress Global Styles giúp tăng tốc website

Cập nhật: 19/06/2022 Trung Hiếu 3 Bình luận

Mục lục Hiện
  • 1. WordPress Global Styles là gì?
  • 2. Vô hiệu hóa WordPress Global Styles trong theme Paradise
  • 3. Vô hiệu hóa WordPress Global Styles trong các theme khác

Vô hiệu hóa WordPress Global Styles (global-styles-inline-css và SVG filter) giúp tăng tốc website.

vo-hieu-hoa-wordpress-global-styles-giup-tang-toc-do-load-web

Nếu bạn chưa biết thì kể từ phiên bản 5.9.0, 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). Để 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
  • Loại bỏ Emoji để tăng tốc độ load cho website WordPress

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ẻ <body>, có độ dài 196 dòng.
global-styles-inline-css
  • SVG code: nằm trước thẻ </body>, có độ dài 115 dòng.
global-styles-svg-code

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 do WP Căn bản 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.1 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.

vo-hieu-hoa-wordpress-global-styles-trong-theme-paradise

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 đ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 để chèn code nhằm tránh chúng bị xóa mất khi update theme.

  • Đối với WordPress 5.9.1 hoặc mới hơn:
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_body_open', 'wp_global_styles_render_svg_filters' );
  • Đối với WordPress 5.9.0:
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );

Nếu code bên trên không có tác dụng, hãy thử thay thế bằng đoạn code sau:

  • Đối với WordPress 5.9.1 hoặc mới hơn:
function custom_wp_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', 'custom_wp_remove_global_css' );
  • Đối với WordPress 5.9.0:
function custom_wp_remove_global_css() {
    remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
    remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );
}
add_action( 'init', 'custom_wp_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. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Vô hiệu hóa WooCommerce Brands để tăng tốc độ

Chuyên mục: Thủ thuật WordPress Thẻ: Tăng tốc WordPress

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Thêm khung tìm kiếm vào dưới header của theme Paradise
Bài viết sau Cài SMTP cho WordPress không cần dùng plugin »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Tuyến 24 bình luậnviết

    09/06/2022 lúc 09:49

    Thế nào để biết được code đã hoạt động hả ông bạn

    Bình luận
    • Trung Hiếu Quản lýviết

      09/06/2022 lúc 09:53

      Tất nhiên là xem mã nguồn của website rồi bạn. Ví dụ trên trình duyệt Google Chrome, click chuột phải vào giao diện website => chọn View page source. Nếu bạn đang cài plugin có tính năng nén CSS, HTML thì nên tạm thời tắt đi, nếu không sẽ hơi khó nhìn. :P

      Bình luận
  2. Công Chứng Viên 16 bình luậnviết

    08/06/2022 lúc 22:34

    Những nội dung vô cùng hữu ích về chủ đề tối ưu tốc độ wp, cảm ơn bác đã chia sẻ!

    Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

Bình luận mới nhất

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.005 Bài viết - 35.545 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting