Loại bỏ Rank Math SEO CSS để tăng tốc độ load

Loại bỏ Rank Math SEO CSS (rich-snippet-style và toc-block-style) để tăng tốc độ load.

Thời gian gần đây, tôi đã chuyển sang sử dụng plugin Rank Math thay cho Yoast SEO như trước đây. Sở dĩ như vậy bởi vì hiện tại Rank Math đã hoàn thiện hơn, ít lỗi vặt hơn. Đặc biệt là nó xây dựng các tính năng theo dạng module (có thể tắt bật tùy ý) và ít quảng cáo rác hơn hẳn Yoast SEO. Tuy nhiên, Rank Math cũng có vài điểm hạn chế, đó là nó chèn một số đoạn inline styles CSS vào mã nguồn HTML của website, ngay cả khi tôi không sử dụng. Điều này gây ảnh hưởng không tốt đến tốc độ load web.

Tham khảo thêm:

• Giới thiệu sơ lược về plugin Rank Math của MyThemeShop
• Tinh giản Yoast SEO giúp website của bạn nhẹ hơn

Rank Math SEO CSS là gì?

Nếu bạn đang sử dụng plugin Rank Math SEO, hãy thử xem mã nguồn của website, chắc chắn bạn sẽ nhìn thấy ít nhất 2 đoạn inline CSS như hình bên dưới.

Trong đó:

• rank-math-toc-block-style-inline-css: phục vụ cho block TOC (Table of Content hay hiểu đơn giản là mục lục bài viết). Nếu bạn không sử dụng Block Editor hoặc đang sử dụng plugin khác để tạo TOC thì đoạn CSS này là không cần thiết.
• rank-math-rich-snippet-style-inline-css: phục vụ cho việc hiển thị của tính năng đánh giá 5 sao. Nếu bạn không sử dụng loại schema nào có đánh giá 5 sao thì đoạn CSS này cũng không cần thiết.

Loại bỏ Rank Math SEO CSS

Tùy thuộc vào theme bạn đang sử dụng mà cách loại bỏ Rank Math SEO CSS sẽ khác nhau:

Đối với theme Paradise

1. Hãy cập nhật theme Paradise lên phiên bản 6.8.6 hoặc mới hơn.

2. Truy cập Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => Chuyển mục Loại bỏ Rich Snippet Style sang trạng thái Có rồi lưu lại.

Nếu bạn muốn loại bỏ cả CSS của TOC, hãy chuyển mục Loại bỏ TOC Block Style sang trạng thái Có rồi lưu lại.

Xóa cache website (nếu có) và kiểm tra mã nguồn HTML.

Đối với các theme khác

Những gì bạn cần làm là thêm 2 đoạn code sau đây vào trong file functions.php của theme hoặc child theme đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.

• Loại bỏ Rich Snippet Style inline CSS:

//* Remove Rank Math Rich Snippet Style
add_action( 'wp_enqueue_scripts', function() {
wp_dequeue_style( 'rank-math-rich-snippet-style' );
}, 9999 );

• Loại bỏ TOC Block Style inline CSS:

//* Remove Rank Math TOC Block Style
add_action( 'wp_enqueue_scripts', function() {
wp_dequeue_style( 'rank-math-toc-block-style' );
}, 9999 );

Xóa cache website (nếu có) và xem mã nguồn để 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. :)