disable css on front-end

Hello,

Thank you for reaching out with your concern about disabling unnecessary CSS and JavaScript on the front-end of your website to improve performance. To disable the Table of Contents CSS and any other CSS/JS you are not aware of that might be affecting user performance, you can follow these steps:

1. Disable Table of Contents CSS:

   • If you are not using the Table of Contents feature in Rank Math and want to remove the associated CSS, you can add the following CSS code to your theme’s style.css file:

     .wp-block-rank-math-toc-block {
         display: none;
     }

   • Adding this CSS code will hide the Table of Contents block from the front-end.

2. Disable Unnecessary CSS/JS:

   • To disable any other CSS or JavaScript files that you are not aware of, you may need to inspect your website using browser developer tools to identify the specific styles or scripts that you want to remove.
   • Once identified, you can either comment out or remove the corresponding code from your theme files or use a plugin like “Asset CleanUp” to selectively disable unnecessary assets.

If you need further assistance or encounter any issues while implementing these changes, please feel free to reply to this ticket for more help.

Thank you for your understanding and cooperation.

Best regards,
Rank Math Support Team

Sources:
Why Isn’t Rank Math Detecting the Table of Contents? » Rank Math
How to Add Rank Math’s Table of Contents Block » Rank Math
How to Disable All Rank Math Generated SEO Tags » Rank Math
How to Hide SEO Score From the Frontend » Rank Math