How to Optimise Web Page Load Speed

Page load speed SEOPage load speed is of many SEO factors that affect ranking performance on all websites. How to speed up website page load times became an important issue when Google began considering this aspect as part of the ranking processes. When they said “The web should be fast” they were not joking around. On that basis alone, trimming bloatware from your WordPress and other CMS installations, and optimising images etc, makes a lot of sense! Whilst it may only deliver a modest incremental improvement to rankings, reducing load time is definitely not the only reason for reduce page sizes. No one in the world likes slow-loading pages – yet in 2014, the average page size of the top 1000 websites had passed 1600k (1.6 Mb). By 2016, the average size was 2.3 Mb (*1) and in 2017 hit 3 Mb with many pages well in excess of that. I regularly encounter websites where the home page exceeds 20 Mb…

Such overly plump websites are somewhat painful to load on a mobile device on 3G or 4G networks! And for most sites, the highest percentage of visitors are using some type of mobile device.

For many small business sites, the goal should be page sizes under 1 Mb, and Google says aim for an above the fold load time of under 1 second.

Improved “above the fold load time” as well as overall page load time should positively impact visitor retention time, repeat visitor rate and, on ecommerce sites, be beneficial to revenue.

Revised:  Dec 2017

How to Improve Website Performance?

There are a multiple issues to be considered in the overall scheme of things when you start contemplating how to speed up website performance and page load speeds… Here’s the sequence I suggest… *2

  1. Benchmarking – check your site on the testing services outlined below. Start here because it gives you the base points you need to to measure the impact of everything you do.
  2. Image Sizes – usually, this is the fastest way to make the most significant improvements. Make sure all images are sized correctly and compressed appropriately. When image pixel sizes (height and width) are specified, the text content flows around the image space before it loads. Use a “lazy load” plugin to only display images as they enter the viewport. Shortpixel is great for batch processing of all existing images, see details below.
  3. Caching – if you don’t already have caching installed, do so now. I’d recommend starting with WP Rocket Cache on a WordPress site because it is comparatively easy to use. From my own experience, it delivers better performance than it’s competitors. (*3)
  4. Plugins – run P3 Plugin Profiler so you know where the server resources are being hit hardest, then look for alternatives. Remove any that are NOT absolutely essential.
  5. Home Page complexity – many sites open a multitude of recent posts, top 10 posts, posts from various categories, comments, featured pages and sundry other database-hungry content. Some lead-in to content sections is important for both visitors and search engine rankings… But remember that every element adds up in terms of total database requests and page sizes.

Website Performance Test – Benchmarking

In order to determine the impact of incremental changes, one needs measuring tools. Whilst one test tool is ok, two or three is better. That is because whilst the results may vary between measuring services, consistency in upward or downward trends across multiple locations gives a far better picture. To that end, there are five services that I regularly use, as follows;

  1. Google Page Speed Insights: provides a good analysis on how Google rates the performance of a given page. https://developers.google.com/speed/pagespeed/insights/
  2. Pingdom: offers website performance monitoring from 3 test site options; Amsterdam, New York or Dallas. Its fast, with succinct summary reports backed up by detailed waterfall data showing what portions of your site load slowly. See; https://tools.pingdom.com/
  3. GT Metrix: The free website speed analysis service tests access from several countries:  https://gtmetrix.com
  4. Dotcom Tools: Dotcom runs simultaneous website loading speed tests on 20+ test sites in multiple countries: https://www.dotcom-tools.com/website-speed-test.aspx
  5. WebPageTest – for NZ site owners, their closest test server is in Sydney; https://www.webpagetest.org

 

Benchmark Website Performance

The process goes a lot more smoothly if you document what you are doing to optimize website performance and record the result each time you check page load time… In this case, I selected the Home page and an internal page to check website performance at each step. You might opt to test more pages, and the default Blog page is a good choice because it generates additional database queries compared to a standard page.

Optimise Images – Size & Compression

Nothing cripples a site faster than loading your images straight from your camera to your website! Yet people do that, perhaps in the mistaken expectation that website software works like Facebook and automatically resizes all images to suit their use. Whilst Media settings and some themes do a lot in that direction, you’ve usually got to activate the settings correctly.

Every image on the entire site should be optimised to improve website performance. Background images can be awfully big and inserting 1400 x 1000 pixel images that are not compressed and that then end up “scaled to fit” is a good way to kill your website performance.

JPG images offer the best performance and these should:

  • Have dimensions reduced to the maximum size that they will be displayed at
  • Be compressed by at least 10% – and in most cases over 30% which still offers good image quality
  • Have their dimensions specified in the page/s within which they are displayed

How to Optimise Website Images

Where you see a recommendation in GT Metrix results relating to “optimise images” you should examine the list to see if there are any large ones that you can process.

Note: GT Metrix also includes more than helpful information – under each image that could be optimised, they give you a link to an optimised version of the file. That’s particularly useful for PNG files which are a little tricky to compress…

  • Click the “See optimised version” and it will open the compressed file in a new window
  • Right click on the image and choose “Save as” – amend the name to match the original
  • Use FTP to upload the optimised version to the correct location

Doing this one by one can burn up a lot of time, and there is an easier way!

Batch Processing Existing Images in Bulk

There are good plugins for automatically processing images across your website such as WP Smush and Imagify. My favourite is from the guys at Shortpixel – https://shortpixel.com. The default installation has limits on how many images that can be processed per month, so I buy a 50,000 Image Plan for $30 – you can also run the plugin on multiple sites and share that 50k image allocation across them!

Batch processing of existing images across the entire site is simple – pre-set the plugin parameters for glossy or lossy and the maximum image size etc, and set it to work. There is an option to preserve copies of the original images. The thousands of thumbnails can also be processed.

Shortpixel makes short work of getting your image library under control!

Specify Image Dimensions: Also examine each image you have added on the page to see if any are being scaled to fit. In Firefox, right clicking an image shows such details;

scaled-images

 

 

 

Image that are being scaled can often be resized to the correct dimensions – depending on how your design theme handles Featured Images, and what its default thumbnail settings are. Some design themes are not efficient at displaying Featured Images images, so if there is are site-wide issues with images being scaled, you may need to consider a better design theme.

In general, mobile-responsive design themes are engineered specifically to process images in a way that reduces page load times across all viewing devices. Featured images are displayed at full size on their respective posts, but suitable small thumbnails are shown on Home page Recent Posts, and or in sidebars etc.

Increase Website Speed with Caching

A paper written in 2010 showed clearly the benefits of caching on performance (*1) whereby caching on the measured sited saved 81 percent of the bytes, and 75 percent of the requests. The need to do increases with every increase to average page load size, and because Google is evaluating your site in new ways…

In the WordPress environment, there are several long-serving and respected caching plugins available at no cost. Perhaps the most well-known are the freebies;  W3 Total Cache, WP Super Cache and Quick Cache. I’ve used all three across many different websites over several years.

For all sites I manage now, I install the premium WP Rocket Cache plugin, and have a Dev Licence for that purpose. The exception is sites on a Litespeed server, and for that I use the official Litespeed Caching plugin.

Using W3TC had always seemed a bit daunting… It’s interface previously presented an aura of mystery and danger, leaving one with the sense that if you did not know precisely what you are doing, things could go horribly wrong… I had not used it for a while, but getting to grips with WordPress page load speeds gave me the incentive to thoroughly test W3 TC versus WP SC.

Which Caching Plugins Work Best?

In one exhaustive test instance, the Asian-Recipe.com site had been running WP Super Cache for a couple of years, and had 38 plugins installed. Total Home page size was 1.7 Mb and it was generating approx 130+ requests to load the page… Despite WP SC running mod_rewrite, minify, preload etc, the installation of W3TC gave an immediate and significant improvement. Page size diminished significantly, requests were slashed from 130+ to 37, and both Page Speed and YSlow scores were boosted. The conclusion at that time, W3 TC was significantly better.

Follow-up Notes: July 2015

  • I manage a lot of sites and almost all have W3 TC installed on them. In the past three days I have 3 sites that have suddenly started generating 403 errors for Google and other bots – but not humans. That is directly attributed to W3 TC – as soon as I turn it off, the errors go away.  The Screaming Frog SEO Spider sees the same issues – 403 on Home page, can’t go deeper…
  • I’ve since purchased a copy of WP-Rocket for a large WP site with a bbPress forum – 15,000 Topics, 7,000 members and initial testing shows it really performs  exceptionally well. A developers license might be a good solution… (it was, now WP Rocket Cache is installed on all sites I manage)

Note: there are demonstrable difference between W3 TC and WP Rocket;

  • WP Rocket is faster IF your server has the Gzip (mod_deflate) tools installed AND you compress your site’s images yourself
  • If your server is old and/or lacks Gzip etc, it seems that W3 TC has built-in tools to serve that purpose

Plugins – Impact on Page Load Time

Plugins are not all created equal… some of the oldest and most used plugins are horrendous at increasing page sizes and generating database requests. A number of plugins are so badly constructed that their resource usage impacts negatively on servers in shared hosting to the point where some hosting companies have banned them!

Certain types of plugins generate massive amounts of database queries – broken link checkers, related content, external links managers and statistics generators feature highly on the list of rogue plugins… Each plugin has a measurable footprint on your page load times and inevitably on page sizes and requests. Tasks such as broken link checking and statistics are perhaps best done from external sources using freely available tools.

Alternatively, you should run your Link Checker, fix the errors and then deactivate it!

Plugin Profiler

Godaddy provides the P3 Plugin Profiler, an excellent tool to assess which plugins on your site are hogging the resources. It gives good hints on how to speed up website loading in the nifty pie chart graphics it produces. These show;

  • percentage of page load consumed by plugins overall
  • percentage of page load consumed by each individual plugin

That allows you to quickly see potential problems. If any plugin is taking a significantly larger wedge of the pie, its is time to consider and evaluate alternatives

Two for One Plugins: In some cases, a plugin serves a dual purpose, allowing you to achieve a couple of desirable outcomes without increasing consumption of resources. An example might be a social widget that offers both Like buttons and links to your social media business pages.

  • Both All in One SEO Pack and Yoast SEO have an XML site map generator, eliminating the need for a separate plugin for that purpose.

Previously the site had Shareaholic providing both those important features. It’s benefits include processing related posts on their servers, therefore reducing the load on your own.

I’ve tried Jetpack with only Related Posts and Like buttons activated but it also exceeded 300k and generated an awful lot of additional requests!

Related Posts plugins: these can be very server-intensive, and time of writing this I mainly use Contextual Related Posts.

Lite Plugins: The term “Lite” may not necessarily apply to the plugins feature set! Whilst it is often used to differentiate between the Free and Pro versions of a plugin, it is also used to describe footprint and resource usage… The differences between two plugins serving the same purpose can be quite extraordinary! By way of example, I spent an entire afternoon refining page load times for Related Posts and Social Media “Like” buttons.

Security Plugins

Some security plugins – such as my favourite, Wordfence – include features that you don’t need to run all the time; notably Live Traffic logging, scans outside WordPress, image file scans and ultra-sensitive modes.

Heartbeat Control

WordPress itself has features that can slow your site down, notably the Heartbeat API which is capable of generating significant server CPU loads that slow things down significantly.

Note: read additional info on Security Plugins and Heartbeat Control here: – https://www.theseoguy.co.nz/how-to-secure-wordpress-against-hacking/

Home Page Complexity

Striking a balance between showcasing what your site offers and keeping the page size within sensible constraints is the challenge here. In your quest to determine how to speed up website performance, keep in mind that your Home page is the most important page in the entire site in terms of new visitors landing on it. Website speed optimization is crucial to keeping them there long enough to captivate their interest.

Sometimes less is more… Show them fewer choices in terms of recent posts, latest comments, slide shows, tags, categories and featured pages or posts, top post lists etc.

Hosting Location

Hosting location can make a significant difference ot page load times. If your website targets New Zealand clients, then it absolutely should be on a server physically located in New Zealand.

Conversely, if you are a New Zealand business targeting clients in the USA, it would make perfect sense to have your site on a server in the USA! Doing so could reduce page load time by 5 seconds or more! That’s a dramatic improvement AND the hosting costs are likely to prove less expensive…

Example – This Site

This site is housed on a server in Auckland, New Zealand and has been optimised with WP Rocket Cache and the Shortpixel image optimisation plugin. It has;

  • Sub-1 second load times in NZ
  • Approx 2 seconds in Sydney Australia.
  • Visitors in the US will see page load time of 5 or 6 seconds!

Given that most of my clients are NZ and Australian small businesses, the NZ location makes perfect sense.

optimising page load speed

 

Summary of How to Speed up Website Performance

With some time and effort, your site’s page load speeds can (in most cases) be dramatically improved. First check the current performance and then ensure that you are using the best caching option for your site. Next, evaluating plugin resource consumption and replacing greedy ones will trim resource consumption to the bare minimum. Follow that by optimising image file sizes and specifying dimensions to get pages loading faster. Complete the process by looking closely at your Home page content. As part of my SEO packages for small business, I take a close look at website performance metrics, and advise accordingly. If all of this is beyond your time resources or technical ability, please contact me for assistance.

 

References:

  1. * https://www.keycdn.com/support/the-growth-of-web-page-size/
  2. * http://gtmetrix.com/wordpress-optimization-guide.html
  3. * http://premium.wpmudev.org/blog/best-wordpress-caching-plugins/