Before and After Onpage Search Engine Optimisation the Results

Before and After Our Onpage Search Engine Optimisation Efforts. Results for Mobile and Desktop page speed efforts.

Mobile before on-page seo

Before Mobile Onpage Search Engine Optimisation

Mobile after on-page seo

After Mobile Onpage Search Engine Optimisation Work

Onpage Search Engine Optimisation Efforts. Onpage seo results for Desktop page speed results

Desktop before on-page seo

Before Desktop Onpage Search Engine Optimisation Work

Desktop after on-page seo

After Desktop Onpage Search Engine Optimisation Work

Site Speed and SEO Best Practices

Google has shown that site speed is one of the signals used by its algorithm to rank pages. Google are specifically measuring time. A slow page speed result means that search engines can crawl fewer pages using their allocated crawl budget, and this negatively affect your indexation. “Site speed reflects how quickly a website responds to web requests.”

Fast Page speed = good user experience. Pages with a longer load time tend to have higher bounce rates and lower average time on page. Longer load times have also been shown to negatively affect conversions and lose customers.

Ways to increase your page speed:

Enable compression

Use Gzip Compression for file compression, to reduce the size of your CSS, HTML, and JavaScript files that are larger than 150 bytes.

Do not use gzip on image files. Instead, compress these in a program like Photoshop where you can retain control over the quality of the image. See “Optimize images” below.

Minify CSS, JavaScript, and HTML

By optimizing your code (including removing spaces, commas, and other unnecessary characters), you can dramatically increase your page speed. Also remove code comments, formatting, and unused plugins.

Avoid and Reduce redirects

Page redirects to another page, your visitor faces additional time waiting for the HTTP request-response cycle to complete. For example, if your mobile redirect pattern looks like this: “example.com -> www.example.com -> m.example.com -> m.example.com/index,” each of those two additional redirects makes your page load slower.

Leverage browser caching

Browsers cache a lot of information (stylesheets, images, JavaScript files, and more) so that when a visitor comes back to your site, the browser doesn’t have to reload the entire page. Use tools like YSlow to see if you already have an expiration date set for your cache. Then set your “expires” header for how long you want that information to be cached. In many cases, unless your site design changes frequently, a year is a reasonable time period. Google has more information about leveraging caching here.

Improve server response time

Your server response time is affected by the amount of traffic received, resources each page uses, the software your server uses, and the hosting solution you use(shared or dedicated). To improve your server response time, look for performance bottlenecks like slow database queries, slow routing, or a lack of adequate memory. The optimal server response time is under 200ms.

Optimize images

Your images should  be no larger than they need to be, that they are in the right file format .png are generally better for graphics with fewer than 16 colors while jpeg are generally better for photographs and that they are compressed for the internet.

Page speed diagnostics tools for Browsers

  • Firebug Use this tool to analyze your page’s performance in Firefox..
  • PageSpeed Get browser extensions from Google for both Firefox and Chrome to help you identify issues that are slowing down your site.
  • YSlow This Firefox add-on features a grading system to help you quickly see how well your site is performing and offer insight on how to improve your site speed. It needs to be used in conjunction with Firebug.

Google recently published a suite of tools for Fundamentals to help page speed