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:
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?
Đố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.
Đố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.
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. :)
Vũ Đức Mạnh đã bình luận:
24/12/2018 at 09:55Bài viết rất hữu ích! Thanks ad!
Dinh Nguyen đã bình luận:
24/12/2018 at 10:48Mì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
Trung Hiếu đã bình luận:
24/12/2018 at 11:18Bạ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.
Tâm Pacific đã bình luận:
25/12/2018 at 23:48ủ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 ?
Trung Hiếu đã bình luận:
26/12/2018 at 07:23Vẫn được bạn nhé. Nhưng có khó khăn gì đâu mà không bỏ nó đi? :P
Ngọc Duy Đàm đã bình luận:
26/12/2018 at 08:29Cá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.
Hữu Thuần đã bình luận:
27/12/2018 at 09:20Chạy song song giúp thiết kế bài viết độc đáo hơn bác à :P
Nguyễn Trường đã bình luận:
27/12/2018 at 07:47Cả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!!!
Tịnh Nguyễn Blog đã bình luận:
27/12/2018 at 14:36A đù, 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
Trung Hiếu đã bình luận:
27/12/2018 at 17:18Copy nhớ trả tiền bản quyền. :P
Lê Văn Hiếu đã bình luận:
31/12/2018 at 15:51Thôi kệ để vậy cũng đc, khi nào chậm quá hẳn tắt :)0
Văn Ninh đã bình luận:
06/01/2019 at 13:44Mì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.
Lê Văn Hiếu đã bình luận:
19/01/2019 at 13:53Cá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!
Do Van Huong đã bình luận:
15/01/2019 at 01:59Cảm ơn bạn mình đã làm thành công
Bảo Hà đã bình luận:
16/01/2019 at 15:06Ghét cái trình viết mới của wp thật
Đạt 09 đã bình luận:
18/01/2019 at 00:03Không liên quan tới bài viết này. Cho mình hỏi là tại sao trên website Canhme.com sao trên website đó có rất nhiều comment vậy Hiếu? Vì mình đâu có thấy bạn đó cho đặt link web đâu. Có phải càng comment nhiều thì website của mình được hiển thị ở phần “Top comment tháng” và sẽ nhận đc nhiều ưu đãi của Canhme đúng ko ạ?
Trung Hiếu đã bình luận:
18/01/2019 at 07:36Không phải vào top comments sẽ được nhiều ưu đãi mà lúc đó link website của họ sẽ được xuất hiện trên tất cả các trang của Canh Me, vừa kiếm nguồn truy cập referral, vừa kiếm backlinks.
lắp đặt camera wifi đã bình luận:
24/01/2019 at 15:11bài viết rất hữu ích cho những ai là tín đồ của WP
chu trung đã bình luận:
28/01/2019 at 23:08công nhận trình soạn thảo mới của wordpress 5.0 củ chuối thật, dùng chỉ muốn đập ngay cái máy ra, cảm ơn Ad đã chia sẻ cách khắc phục
Trí Trịnh đã bình luận:
04/02/2019 at 12:53Hay quá bác
Phan Văn Trọng đã bình luận:
22/03/2019 at 16:42Mình đã dùng một thời gian và có cảm nhận sau:
Trình soạn thảo này rất khó dùng đối với những người dùng lần đầu. Nhưng sau một thời gian tìm hiểu thì mình cũng thấy không đến nỗi quá khó, chỉ là thao tác chỉnh sửa văn bản lâu hơn so với trình soạn thảo cũ thôi.
kết luận: Cuối cùng phải cài plugin Classic Editor để sử dụng!
Trung Hiếu đã bình luận:
23/03/2019 at 08:25Kết luận cuối cùng vẫn là “hơi tù”. :))
Ngô Văn Cương đã bình luận:
15/05/2019 at 10:32Sao website của mình là 5.2 mà không thấy file đó ta.
Trung Hiếu đã bình luận:
15/05/2019 at 10:34Dùng plugin có tính năng combine, minify hoặc inline CSS và JS thì thấy kiểu gì? :P
Ngô Văn Cương đã bình luận:
16/05/2019 at 16:32Hiếu có cách nào gỡ cái này không, nặng quá nặng: zxcvbn.min.js
Trung Hiếu đã bình luận:
16/05/2019 at 19:47Nó load chỗ nào thế? Chụp ảnh mình xem. :P
Ngô Văn Cương đã bình luận:
17/05/2019 at 08:54Đây nhé bác, check thử xem, em đã thử wp_dequeue_script vẫn không ăn thua
https://i.imgur.com/xtVvbqe.png
Trung Hiếu đã bình luận:
17/05/2019 at 09:11Cái này là Password Strength Meter và nó load trên front-end hay không là tùy theo theme. Không phải theme nào cũng bị. =))
Ngô Văn Cương đã bình luận:
17/05/2019 at 19:37Mình biết, mình gỡ rồi mà vẫn chạy. Bực mình quá
Trung Hiếu đã bình luận:
18/05/2019 at 15:15Lên Google tìm kiếm với từ khóa “Disable Password Strength Meter” là ra nhiều cách khác nhau mà. Thử hết chưa? :D
Tùng đã bình luận:
15/05/2019 at 11:23hay quá, thanks ad nhiều nhiều
Phúc NK đã bình luận:
20/05/2019 at 09:35Đúng thật cái trình soạn thảo mới của WP như shit ấy, chỉnh font chữ khó khăn quá thể, chọn dạng list thì cũng không có chọn được fontsize luôn, màu chữ cũng không chỉnh được, chỉnh 1 phát là ăn cả đoạn, không hiểu tại sao nó lại thay cái đó thành trình mặc định nữa