Nowadays site loading time became a very important parameter, especially when it comes to the search engine rankings.
If you’ll test your site with Google Pagespeed tool, it will probably show that your site has some issues with content-blocking stylesheets. This means that the browser won’t paint content to the screen until your CSS has been downloaded. To fix this issue, Google recommends us to split our styles into two parts: critical (above-the-fold) and non-critical. Critical CSS should be inlined in the header meanwhile non-critical needs to be loaded asynchronously, so a user could see styled content as soon as possible. Continue reading