A Quick Reminder on Parsing
It may help to think of your site like a cake. They typically have a layer of the cake on the bottom, then a layer of frosting followed by another layer of cake, then topped with icing.
If you built the cake to have two layers of cake directly on top of each other, then put all the frosting on top instead of in between the layers, it takes someone longer to get to the cake part when they dig into it with a fork.
It’s also unbalanced and unappetizing because of that.
That unappetizing feeling comes in the form of disengagement in terms of your WordPress site.
This makes the browser have to wait to load the rest of the page such as content including text and images.
When it comes to ranking higher in search results, every second counts.
The longer your page takes to load, the less likely it is that your site will rank well.
If you force people to wait several seconds before they can read anything useful, they could lose interest and navigate away from your site.
Google’s research has even shown that a one-second delay in loading times for mobile sites can decrease conversion rates by up to 20%. Not to mention that every additional second creates another drop in conversions by 20%.
That’s why Google recommends your page loads 90% of its main visual content in, at most, 100 ms. Otherwise, your site will lose favor in search results.
1. Use the Defer or Async Attributes
What’s the Async Attribute?
Here’s an example of how you would use the async boolean attribute:
What’s the Defer Attribute?
Files are also executed in the same order in which they were called.
Again be sure to update /path/to/file/script.js to your real file’s location.
It also has the added benefit of helping your site load faster.
Go to Settings > WP Rocket.
Then in the WP Rocket menu, click on the File Optimization tab.
If you want to deactivate Safe Mode, be sure to test the changes on a staging site before you choose the safe mode option on a production site.
Finally, click Save Changes at the bottom of the page.
That way, the code won’t be erased when the WordPress core or your theme is updated.