Hello @emretheaviator
Thank you for the inquiry and I am happy to assist you with this.
If you are using Auto minify, you can go to Performance>Minify>JS section and under the Embed type: chose Non-blocking using “defer”. You need to proceed with caution as this may break your website or some parts of it so make sure to check your website.
As for the CSS, there is an option to “Remove render-blocking CSS by moving it to HTTP body”. This option, however, is available after the upgrade. There is no guarantee that this option would help.
what happens is it’s more complex now to increase the mobile score.
The problem is that Page Speed Insights wants you to perform something called ‘Code splitting’. A part of that process means that you figure out what part of the CSS is required to display ‘above the fold’-content — the content you see when you first visit the page without scrolling — and separate that part into a different file. That way, you can load that file the usual way and defer the loading of other stylesheets. You can do the same with scripts by adding async/defer to the script tags. If you’ve done that correctly, the website can show the content a lot faster and loads the content that’s not visible right away afterward. This will improve the “First Meaningful Paint” score from 3.5 seconds to under 1 second.
The problem with the above-the-fold-content is that we cannot figure that out for you. We can only combine and minify the scripts and stylesheets to improve the overall loading time. If you want to apply code splitting, you need to disable JS and CSS minification entirely and ask someone with knowledge about code splitting to help you out. Your theme and possibly some plugins need to be modified to separate the above-the-fold styles into a separate file.
We don’t have such an option in our plugin, as it’s very complicated. Also, no other plugin can do that either.
