While the bulk of websites are built off of the WordPress platform therefore you can simply install a plugin such as the W3Total Cache which will automatically try to stop render-blocking scripts. However, on blogger we don’t have access to plugins therefore we need to know how to edit it manually. But first we need to establish what a render blocking script is and then we can talk about preventing it on a platform such as Blogspot.
What Is A Render-Blocking Script
However, there is an issue known as a ‘flash’ this is common with fonts where when you load it in the footer it will restyle all of the present text on your website after it is loaded. It is a small price to pay for the improvement of your load time. Keep in mind that page speed does affect your search rankings and this can help you load it faster even if it is just a few milliseconds.
How To Fix It
The first thing you want to do is go into your template and edit HTML.
After you are in look for anything that has a .css or .js in the name and determine whether you need it to load at the initial launch.
Move all the files that you can before the /body tag…
<script> var script = document.createElement(‘script’); script.src = “URL GOES HERE”; document.getElementsByTagName(‘head’).appendChild(script); </script>
*Keep in mind jQuery should stay in the header and never load it with Async*
Need any help with your specific website post a comment below and I can help you out!