SEO technical Audit: Pagespeed and render blocking resources

July 7, 2015 - Digital State Marketing

One of the most important aspect of an SEO technical audit is your page speed. This is one of the most important factors Google is pushing at the moment, getting this right goes along way to having a technical compliant website.

PageSpeed Insights from inside the Google Search Console, is the most efficient way of seeing how Google rates your site’s performance. One of the most common problems that website fail with this audit is render-blocking resources.

Before async

In the example above there are numerous JavaScript and CSS files which are having to be downloaded on the webpage before the browser can render/show the page, this makes the wait for a page to load feel even longer as you as just presented with a white screen. This is the common way that websites are set up, all your external content is  declared in the head of the webpage, these files handle all the fancy aspects of your website, and (usually) include your tracking code. Parts of your website will require these files, so loading them in first ensure that things don’t error, to make sure that search engines offer a true representative of your page speed, they also wait for these files to download, meaning that pages with lots of includes will be slow to both your visitors and to search engines.

Although this is a very popular aspect that fails on an SEO Technical Audit, it is also very easy to fix.

By offering your files up asynchronously, i.e. telling the browser that it can continue doing stuff whilst the file is downloading, this negates the render-blocking aspect of the file, which alleviates page speed.

To add this to your files is easy, in the <head> of your site you will see files like this:
<script type=’text/javascriptsrc=’//js/jquery/jquery.js?ver=1.11.2′></script>
fix this by adding the asynchronous tag to it
<script async type=’text/javascriptsrc=’//js/jquery/jquery.js?ver=1.11.2′></script>

postaysnc

By adding this tag to all the files marked by our SEO Technical Audit you will see in the pagespeed example above how much of an improvement this small changed has affected the pagespeed for the better.