Forcing load animation

Question

I am going through the Google Pagespeed Insights and have come across the 'Eliminate render-blocking JavaScript and CSS in above-the-fold content' issue.

To solve this I have placed all of the stylesheet links after the closing body tag, this fixes the issue and raises my Google score by quite a lot.

The only problem to this is that you can see all of the un-style html elements before the CSS has kicked in, is there a way to force the loading animation to display for a few seconds while the CSS files are loading? This would fix the Google issue and would look no different to the end user.

Thanks in advance.

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, this is currently not supported. You can consider adding the following CSS code in your Document <head>:


#wrapper { opacity: 0; }

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

ConnorSayers · Answer

This works great, Thanks!