How to easily defer CSS & JS to improve site speed
Site speed is one of the most important things when designing a website, and it’s surprising the amount of impact that loading in font files and other render blocking JS and CSS files can have on your site speed. However, luckily, there is an incredibly easy way to defer files to load them after your main site has loaded, and therefore allow the user to view content a lot quicker.
First, before your closing
This will load the items under the id of
deferred-styles when the site is loading. After your body tag has opened, place this:
That’s it - simply place your deferred styles in, and watch your site speed increase. Do note however you should place only non-essential items in here, such as font files, Font Awesome scripts, and anything else that you don’t need instantly.