Gỡ bỏ Gutenberg stylesheet khỏi WordPress giúp website nhẹ hơn và load nhanh hơn.
Như vậy là WordPress 5.0 đã chính thức ra mắt được gần 3 tuần. Và kể từ đó đến nay, số lượng người cài đặt plugin Classic Editor để chuyển về sử dụng trình soạn thảo cổ điển của WordPress cũng tăng một cách chóng mặt (đã có hơn 1 triệu website đang kích hoạt plugin này), đủ để thấy Gutenberg mất lòng người dùng như thế nào. Không những gây ra sự khó chịu và bất tiện khi sử dụng, Gutenberg còn âm thầm tải thêm stylesheet của mình vào front-end của website, khiến cho mã nguồn WordPress vốn đã cồng kềnh nay lại càng nặng nề hơn.
Tham khảo thêm:
- Vô hiệu hóa WordPress Global Styles giúp tăng tốc website
- Loại bỏ Classic Theme Styles CSS trong WordPress
Gutenberg stylesheet là gì?
Đó là 2 file CSS, bao gồm wp-block-library-css và wp-block-library-theme-css, được tải tự động trên tất cả các website sử dụng phiên bản WordPress từ 5.0 trở lên. Chúng vẫn được tải kể cả khi bạn không dùng trình soạn thảo Gutenberg hay đã cài đặt plugin để thay thế nó bằng trình soạn thảo cổ điển (Classic Editor).
Mặc dù 2 file này có dung lượng không lớn nhưng chúng cũng sẽ ít nhiều ảnh hưởng đến tốc độ load website. Do đó, nếu không sử dụng Gutenberg, tốt nhất bạn nên vô hiệu hóa chúng đi.
Làm thế nào để gỡ bỏ Gutenberg stylesheet?
Tùy theo theme bạn đang sử dụng mà phương pháp sẽ khác nhau:
Đối với theme thông thường
Tất cả những gì bạn cần làm là chèn đoạn code sau đây vào cuối file functions.php của theme (hoặc child theme) đang sử dụng rồi lưu lại. Các bạn cũng có thể chèn bằng plugin Code Snippets để tránh việc code bị xóa mất khi update theme.
//* Disable Gutenberg stylesheet in front
function wps_deregister_styles() {
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );Nếu site của bạn có cài plugin WooCommerce, hãy thay thế bằng code này:
//* Disable Gutenberg stylesheet in front
function wps_deregister_styles() {
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
wp_dequeue_style( 'wc-blocks-vendors-style' );
wp_dequeue_style( 'wc-all-blocks-style' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );Đối với theme Paradise
Chúng tôi đã tích hợp sẵn tính năng này trong theme Paradise kể từ phiên bản 5.2.2. Do đó, các bạn chỉ cần truy cập Giao diện => Tùy biến => Tối ưu tốc độ => Chuyển mục [Gutenberg] Gỡ bỏ Block Editor Stylesheet sang trạng thái Có rồi lưu lại là được. Ngoài ra, các bạn cũng nên bật đồng thời các tính năng [Gutenberg] Vô hiệu hóa Block Editor và [Gutenberg] Gỡ bỏ Global Styles.
Kiểm tra kết quả
Xóa cache website, cache trình duyệt web và kiểm tra kết quả. Nếu không có vấn đề gì thay đổi thì 2 dòng stylesheet của Gutenberg sẽ biết mất khi bạn view source website.
Thật tuyệt vời 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. :)
Ghét cái trình viết mới của wp thật
Cảm ơn bạn mình đã làm thành công
Mình bỏ đoạn code của bạn vào web mà không được, sau đó mình thử bỏ đoạn này
add_filter('use_block_editor_for_post', '__return_false');thì được, bạn kiểm tra lại xem.Cái này là bôj lọc cho phép bạn áp dùng trình soạn thảo cũ mà không cần đến plugin!
Thôi kệ để vậy cũng đc, khi nào chậm quá hẳn tắt :)0
A đù, cái này được á. Hiện tại mình ko có dùng trình soạn thảo mới và cũng ko biết là ko dùng mà nó cũng tải :D
Chắc cốp bi cái thủ thực đây dìa web quá :v
Copy nhớ trả tiền bản quyền. :P
Cảm ơn dịch vụ từ Wpcanban.com. Từ khi sử dụng dịch vụ tôi cảm thấy an tâm hơn vì được hỗ trợ mọi lúc mọi nơi và đặc biệt Wpcanban.com có nhiều dịch vụ hay mà những trang khác không làm được. Xin cảm ơn wpcanban.com!!!
Cái khung soạn thảo mới quả thực khó xài. Để cài lại khung cổ điển dùng cho dễ. Cảm ơn Hiếu.
Chạy song song giúp thiết kế bài viết độc đáo hơn bác à :P
ủa khoan, mình hỏi xíu, mình thấy tốc độ cũng không ảnh hưởng là bao ? nếu mình để lại đoạn mã code trên thì vẫn ổn chứ phải ko bạn ?
Vẫn được bạn nhé. Nhưng có khó khăn gì đâu mà không bỏ nó đi? :P
Mình cũng đã update wordpress, sau đó thất vọng vì trình soạn thảo nên đành dùng source code wordpress cũ để xài. Thank ad
Bạn cứ update lên 5.0 đi. Sau đó cài plugin Classic Editor vào + kết hợp với bài viết này là được. Đừng dùng WordPress cũ, bảo mật không tốt, dễ bị hack lắm.
Bài viết rất hữu ích! Thanks ad!