• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Gỡ bỏ Gutenberg stylesheet khỏi website WordPress

Gỡ bỏ Gutenberg stylesheet khỏi website WordPress

24/12/2018 15/05/2019 Trung Hiếu 42 Bình luận

Mục lục bài viết

  1. Gutenberg stylesheet là gì?
  2. Làm thế nào để gỡ bỏ Gutenberg stylesheet?
    1. Đối với theme thông thường
    2. Đối với theme Paradise
  3. Kiểm tra kết quả

Gỡ bỏ Gutenberg stylesheet khỏi WordPress giúp website nhẹ hơn và load nhanh hơn.

go-bo-gutenberg-stylesheet-khoi-website-wordpress

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:

  • Cài đặt trình soạn thảo cổ điển cho WordPress
  • Vô hiệu hóa Embed Script 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).

gutenberg-stylesheet-wp-block-library

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?

Đối với theme thông thường

Rất đơn giản! 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.

//* 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 );

view raw
functions.php
hosted with ❤ by GitHub

Đối với theme Paradise

Chúng tôi đã tích hợp sẵn tính năng này trong Paradise child theme kể từ phiên bản 5.2.2. Do đó, các bạn chỉ cần truy cập Appearance => Customize => Performance => Chuyển mục Remove Gutenberg stylesheet? sang trạng thái Yes rồi lưu lại là được.

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.

go-bo-gutenberg-stylesheet-wp-block-library

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 subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)

2.8 / 5 ( 13 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

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

dich-vu-cai-dat-website-wordpress-mien-phi

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. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Bài viết trước « Điểm Google PageSpeed Insights liệu có còn đáng tin?
Bài viết sau Hướng dẫn nâng cấp PHP 7.3 cho website WordPress »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Hoa sen vàng viết

    20/06/2019 lúc 08:59

    Thật sự cũng không quan tân lắm đến Gutenberg stylesheet vì nó là một dạng ký sinh mà người dùng thông thười không thể nào biết được. Rất cám ơn Trung Hiếu về thông tin này, loại bỏ CSS chắc chắn sẽ load nhanh hơn rồi. Thanks !

    Trả lời
  2. Hoa Bất Tử viết

    24/07/2019 lúc 14:01

    Đã làm thành công, cảm ơn bài chia sẽ rất hữu ích từ bác

    Trả lời
  3. Dat Nguyễn viết

    22/12/2019 lúc 17:34

    Nếu những bài viết trước đó ở dạng block thì có ảnh hưởng gì ko ạ

    Trả lời
    • Trung Hiếu viết

      22/12/2019 lúc 18:00

      Còn tùy vào việc bạn sử dụng những block gì khi viết bài nữa. Nếu chỉ là mấy cái tính năng mà Classic Editor cũng có thì chắc là không vấn đề gì.

      Trả lời
  4. Lucid Gen viết

    05/01/2020 lúc 01:20

    Trước nó mới ra thì thấy khó chịu. Mà dùng riết lại thấy nó thông minh hơn ver cũ á anh. Viết bài cũng nhanh hơn.

    Trả lời
  5. Tiến Dũng viết

    11/02/2020 lúc 07:12

    Quá tuyệt vời!! Không thích cái kiểu tự động tải về :( Đã load lâu nay còn lâu hơn

    Trả lời
  6. Tuyến viết

    19/01/2021 lúc 15:33

    Tôi sửa thì nó cảnh báo thế này là sao ông Hiếu ơi: Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.

    Trả lời
    • Trung Hiếu viết

      19/01/2021 lúc 17:52

      1 là trùng lặp code (đã chèn trước đó rồi), 2 là xung đột với code hoặc plugin khác trên site, 3 là bạn chèn sai cách. Thử dùng plugin Code Snippets để chèn xem sao.

      Trả lời
« 1 2 3

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!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

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

dich-vu-toi-uu-website-wordpress-chat-luong-cao

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

  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/2020

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

quet-ma-doc-mien-phi-cho-website

Footer

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

  • Hải trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Nhật trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache
  • Nồi Phở Sài Gòn trong Khắc phục lỗi email vào spam khi gửi mail từ hosting cPanel
  • Nga Pham trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng

Bình luận nhiều nhất (tháng)

  1. Doligo (7)
  2. Tuyen (7)
  3. Tien Coin (4)
  4. lê hải (3)
  5. Nguyễn Văn Long (3)
  6. Thành (3)

Thông tin hữu ích

  • 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

10 Chuyên mục - 978 Bài viết - 37217 Bình luận

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting