Javascript Defering Causing error in my website

Hello,

I apologize for the issue you are facing with your website related to CapCut Pro tutorials and education purposes. It seems that activating the minify CSS and defer JavaScript features in Rank Math has caused some functionality issues on your website.

When you defer JavaScript, it can sometimes lead to errors if certain scripts are not loaded in the correct order or if they are dependent on each other. To fix this issue while optimizing your website, you can follow these steps:

1. Check JavaScript Dependencies: Ensure that the JavaScript files required for the functionality of your cards and toggle switches are not being deferred or loaded out of order. You may need to exclude specific scripts from being deferred in Rank Math settings.

2. Test in Staging Environment: Before making changes on your live website, create a staging environment where you can test the impact of deferring JavaScript on your site’s functionality without affecting the user experience.

3. Optimize JavaScript Loading: Instead of deferring all JavaScript files, consider selectively deferring only non-essential scripts or those that do not impact critical functionality.

4. Review Minification Settings: Double-check the minify CSS and JavaScript settings in Rank Math to ensure that they are not causing conflicts with your website’s functionality.

If you continue to experience issues after following these steps, please consider reaching out to our support team by replying to this ticket. A human agent will assist you further in resolving the problem.

Thank you for bringing this concern to our attention. We aim to help you optimize your website effectively while ensuring its proper functionality.

Warm regards.

Sources:
Analyzing Your Site’s SEO with Rank Math’s SEO Analysis Tool
Fatal Error Happening on Some Installations After 1.0.49 Update » Rank Math
Solving Redirection Issues Using Rank Math SEO Plugin » Rank Math