Hi,
I am wondering the best practice implemented by Wappler users when it comes to “Eliminate render-blocking resources: Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles.”
My question is specifically on the CSS/stylesheets.
Thank you. More power to Wappler.
Have a look at https://r.je/eliminate-render-blocking-css-pagespeed
An Nginx box with Apache serving HTTP/2 will go a long way. Apache so that .htaccess can be used.
Thank you. Will check the link.
Thank you Ben. It worked like magic. Would it also work for an external CSS like for example: https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css; as=style; rel=preload
This is really a great optimization Ben! I wasn’t aware that it is possible yet.
So full speed ahead! 
Theoretically, it should not matter where the style sheet comes from so that I suggest that it would work for CDN’s a well.
Having said that, I believe that the relevance of a CDN is vastly diminished when using this technique. In other words, no need for a CDN.
Thanks for the tip Ben - it added a few points to the speed score. The server concerned doesn’t run Nginx.
Hi Ben,
I just noted that the preload added to the .htaccess seems not working when i checked with google pagespeed earlier. Have you noticed thesame on your site(s)?
It was indeed working the last time. I’m curious. Thanks.
It depends on the setup and type of server that is being utilised. Have a look at this article: https://www.tunetheweb.com/performance/http2/http2-push/
Thanks once again Ben. Really appreciate all your advices.