Up-to-the-fold (ATF) means the portion of your webpage that appears when the page first loads. Any part of the page you have to scroll down to access is non-ATF.
first step to fix render-blocks is testing the speed of your site using Google PageSpeed Insights. To do this, follow these steps:
Go to the page, and paste the URL of your website into the “Enter a web page URL” field.
Click on Analysis to get the report.
If you have scripts on your WordPress site that are required for a strong UX, you should not remove them just to get a slightly higher score on PageSpeed Insights.
W3 Total Cache is one of our favorites W3 Total Cache plugin. Once it is installed and activated, follow these steps on your WordPress admin dashboard:
Go to Display -> General Settings.
Find the minimum title on the page. Then, you will see some options under this title.
Tick the Enable box for Minify. Then, for the Minify Mode option, choose Manual.
Press Save All Settings.
Minimizing CSS and JS Script Resources with the W3 Total Cache Plugin Get
Once you get upset, go back to Display -> Minimize on your WordPress dashboard.
Find the JS section. In operations in the regions section, first choose non-blocker using the “defer” embed type for the <head> tag.
Remove the render blocking the JS resources with the W3 Total Cache plugin,
scroll down and find the CSS section. For CSS file management, choose your active theme and click on Add a style sheet. Similar to the step above, copy CSS stylesheet URLs from PageSpeed Insight and paste them on the required fields. Remove blocked JSS resources with the W3 Total Cache plugin
Go to Settings -> Autooptize.
Save changes and press the empty cache button.
most cases, this is enough to fix the warning. However, the results are based on your theme and active plugins. But may vary.
To make sure your problem is resolved, run your site through Pagespeed Insights again. If there are any blocked JS and CSS resources left, take the optimization further by following these steps:
Go back to Settings -> Autooptize.
Press the Advanced Settings button.
Then, examine the options for collecting inline inline JS and also inline CSS.
Speed Booster Pack
Scroll to the CSS optimization menu to set the CSS rendering-blocking optimization Do the.