Hello @hamalatt
Thank you for your inquiry and I am happy to assist you with this.
As you can see in the Mobile GPSI report those two files are render-blocking. This means that you have some render-blocking resources that were minified. As you are using Manual minify you can try reorganizing added CSS/JS files.
As you can see in this screenshot the score for the desktop version is awesome. However, 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 2.4 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.
