Xóa bỏ Gutenberg stylesheet tải trên WordPress

WordPress 5.0 mới ra mắt với sự thay đổi lớn là trình soạn thảo Gutenberg Editor khác hoàn toàn với công cụ soạn thảo cũ trước đây. Điều này đã gây ra nhiều tranh cãi trong cộng đồng Wordpress. Rất nhiều người trung thành với trình soạn thảo cũ không thể làm quen ngay đã phải cài plugin Classic Editor để có thể quay về sử dụng trình soạn thảo quen thuộc.

Tuy nhiên, vấn đề đáng nói là dù bạn không dùng Gutenberg Editor thì nó vẫn tự động tải wp-block-library-css và wp-block-library-theme-css trên front-end của wordpress làm chậm tốc độ website. 2 file CSS này vốn để hỗ trợ trình bày cho các khối dữ liệu được tạo ra từ Gutenberg Editor nay đã trở thành gánh nặng của website. Do đó, nếu bạn không dùng Gutenberg thì hãy tối ưu wp bằng cách làm theo hướng dẫn dưới đây để xóa bỏ, không cho Gutenberg stylesheet tải nữa.

Trước tiên, để kiểm tra xem website của bạn có đang tải 2 file này không thì xem mã nguồn (view-source) để tìm. Nó có đường dẫn tại:

wp-includes/css/dist/block-library/style.min.css
wp-includes/css/dist/block-library/theme.min.css

Cách xóa bỏ 2 file css này rất đơn giản, thêm vào file functions.php trong theme của bạn đoạn code sau:

//* Disable Gutenberg stylesheet in frontend
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 );

Nhớ xóa cache và view-source xem nhé.