My 127ms page load WordPress Speed Up Optimisation Blueprint
What if you could make your WordPress website load faster than your competitors website yourself?
You would gain an automatic elevation on Google SERPs, your website visitors would be able to access more content quicker and they would be a lot happier, you wouldn’t have to pay a developer because you could do the job yourself and you’d most likely make more money from internet sales and generate a better ROI. Win, win.
The Third Attempt AKA Version 3.0
Believe it or not you’re reading the third attempt of my Blueprint. Earlier versions were fast, but this version is faster and easier to get results! You can read about my earlier insights here. If you’re still reading this and wondering what the heck is WordPress… well it powers 1 in 3 websites!
How Fast Is WordPress?
A basic WordPress website loads in 0.456 seconds, an intermediate WordPress website loads in 2.24 seconds and an advanced WordPress website loads in 2.7 seconds. You can read about a standard WordPress speeds here. Ladies and Gentleman 0.456 seconds is the WordPress website page speed to beat!
The WordPress Speed Up Optimisation Blueprint by Ben Llewellyn
Take a deep breath, “you got this” :) Step one, make a cup of coffee and please read all the blueprint before attempting to try it!
What is a standard WordPress website page speed for a vanilla WordPress site install?
Answer: 0.456 seconds according to my standard WordPress speed test results.
To set a personal best time (PB), I needed to have a track record or in other words I needed to define benchmark WordPress website page load speed to beat. I setup a basic WordPress website running the Twenty Nineteen WordPress theme running on a standard web hosting package.
I only did the following:
- I removed all plugins (I didn’t install Google Analytics)
- I setup permalinks as the post name
- I didn’t change anything else in the WP dashboard
- The site didn’t have an SSL certificate
I did a quick speed test on pingdom.com which recorded a 0.456 second load speed. My goal was to make my new speed optimised WordPress website load quicker and look much better than this website.
Benchmark WordPress website page load speed to beat of WPStandardSpeed.com: 0.456 seconds (456ms)
I started from scratched
I wanted to build a new WordPress website because it would be difficult to write an article on how to optimise every current WordPress theme available (although there’s lots of things you can take from this article to do that)! I knew this was the only way I could explain how my readers could get the same speed results. So the process started with me buying a new domain name for my speed optimised WordPress website.
I purchased a .com domain name for my new speed optimised WordPress website
Domain TLD has some affect on SEO so it’s important not to make a rushed decision. Country level domains are geo targeted by Google. I found an available .com domain because I wanted to appear on Google.co.uk, Google.com, Google.us and other international Google an on Google search result pages. It’s more likely that a .com webpage result will be served on Google.us (and other international Google search sites) as opposed to a .co.uk search result (given other factors like for like are the same)! I wanted visitors all around the World to find my fast WordPress website, not just visitors in the UK searching using one Google search engine (Google.co.uk).
I settled on wpspeedupoptimsation.com. The WordPress trademark rules prevented me from using the word “wordpress” in my domain name without their expressed permission because it’s a protected trademark.
I purchased wpspeedupoptimsation.com from HeartInternet for £10.79 exc VAT per year a UK based hosting company. As a professional WordPress developer I purchase my domain names from the same place because it helps me to keep track of all domain renewals (I have around 200 domains which I manage on behalf of paying WordPress development, WordPress website maintenance, WordPress SEO company clients.
Fast DNS lookup demands a faster than normal DNS service
My domain name already came with a DNS service supplied by Heat Internet:
But I needed a premium DNS service because I wanted the fastest speed possible for DNS lookup.
Premium DNS lookup service
I created a DNSMadeEasy.com account and I paid $29 for 1 year. DNSMadeEasy provide outstanding DNS lookup times. I was motivated by their affordability and performance rank on dnsperf.com (in the top 10)!
How I connected DNSMadeEasy to wpspeedupoptimisation.com purchased from Heart Internet
I followed these 3 steps in the video
- Select the “DNS” Menu, select “Managed DNS”
- Click “Add Domains”, on the right
- Enter Domain Name(s) one per line (replace example.com with your domain anem). Click “Ok”
Once I clicked “Ok” DNSMadeEasy loaded a popup with the following nameservers (yours might be different):
HeartInternet DNS configuration
** IMPORTANT ** Making DNS changes to a domain name is a risky business, for starters any changes you make will make your website and email go off for up to 48 hours (sometimes longer). Secondly if you make a mistake you will have extended downtime! I purchased a new domain that wasn’t being used, so I could live with my website and email going offline whilst the DNS changes propagate.
Navigate to: www.HeartInternet.com >> Login >> Domain Control Panel >> [Select Domain Name] >> Change Name Servers
Then I made the following change in HeartInternet to use the DNSMadeEasy nameservers.
I waited for around an hour and my DNS had properagated (sometimes this can take up to 48 hours). I used whatsmydns.net to check the nameservers had changed.
This is what my DNSChecker result looked like, the DNSMadeEasy nameservers were showing meaning it had completed (nsXX.dnsmadeeasy.com):
DNS lookup speed
I ran two DNS look up speed tests using this DNS lookup speed test tool to verify a high speed DNS lookup.
WPStandardSpeed.com DNS look up average speed: 0.081 seconds (81ms)
DNSMadeEasy DNS look up average speed: 0.003 seconds (3ms)
Speed gain: 0.078 seconds (78ms)
Fast WordPress hosting account setup
Next, I setup my WordPress hosting! As a senior WordPress developer, I’ve used some very good and very bad hosting companies in my time. I’ve had the luxury of working on client sites and sampling pretty much all of the mainstream hosting companies over the course of 12 years development. I’ve worked with companies that employ thousands of people all around the World and I’ve worked with one man bands. To give you an idea of my experience with hosting companies: I’ve probably used around 30 of the top current just within the past 2 years and I’ve built hundreds of WordPress websites using lots of different hosting providers. There’s a big different in speed performance between the good and the standard hosting companies.
My preferred fast WordPress hosting company is WP Engine. They provide a very reliable hosting service, excellent live chat technical support, page caching, staging server, production sever, backup and recovery, CDN (content delivery network) and they manage security server side – so WordPress website owners don’t need to install security plugins to harden their WordPress websites (which slow WP websites down). More importantly WordPress sites load much more quickly on WP Engine servers!
I selected the WP Engine starter package and added the CDN option to it. A CDN (content delivery network) enables images and other website assets to be downloaded from a server closest to a website visitors geographic location. It improves content download speed for visitors worldwide – so it’s a must for high speed content loading.
I checked out and paid $50 per month! WP Engine are positioned at the high end for hosting, but I wanted a better than standard website speed and I was willing to pay whatever it took to get the enhanced performance! Based on my experiences as a WP developer, I knew without this my website speed just wouldn’t be fast enough.
WP Engine domain settings
I needed to tell WP Engine which domain was going to belong to my new speed enhanced WordPress website. To do this I logged into my WP Engine account, clicked on my install name and navigated to domains. I entered my wpspeedupoptimisation.com and www.wpspeedupoptimisation.com and pressed Add Domain. I had to enter the www version and the non www version of my domain for WP Engine engine to understand they are both the same domain.
Navigate to: www.Wpengine.com >> Login >> Install Name >> Domains
Then, to make my domain (www.wpspeedupoptimisation.com) my website URL I clicked Set as primary on the www domain entry. This made WP Engine display my website for my domain name as opposed to the demo speedup.wpengine.com testing URL.
I went back to my install overview page and made a note of my server IP address. I wrote my IP address down (because I needed it for the next step).
I pointed my domain to WP Engine in my DNSMadeEasy account
I logged into my DNSMadeEasy account and clicked on my domain.
I clicked the + icon under A Records. A pop up loaded and I entered my server IP address (from the previous step) into the form field.
Just like WP Engine, I had to create two records for my www.wpspeedupoptimisation.com and wpspeedupoptimisation.com (www and non www domain).
My DNSMadeEasy A Record settings looked like and had two rows:
I waited for an hour or so, then I typed my website URL into my web browser and it loaded my new WP Engine website which had been automatically created by WP Engine.
Further DNS Made Easy help
The following video demonstrates how to navigate to the DNS settings in your DNS Made Easy account.
SSL (https://) is best
It’s best practise to run a website on https:// now a days as opposed to http://. Https was always seen by most developers as a “nice to have” feature of a website, but things have changed and moved on. Chrome browser now actively warns website visitors if they are about to access a http:// website – which I don’t want.
I logged into my WP Engine account and navigated to SSL and placed an other for my SSL certificate. It was free!!
Navigate to: Wpengine.com >> Login >> SSL
SSL Install Step 1 of 3
SSL Install Step 2 of 3
SSL Install Step 3 of 3
After completing the 3 steps above my SSL settings showed as “pending”
I waited for around an hour – then WP Engine emailed me to say my SSL was active. I tested https:// was working by visiting my domain name with https:// in front of it (https://www.wpspeedupotomised.com) and it loaded my WordPress website.
Final SSL settings
The SSL Let’s Encrypt™ certificate came free with my WP Engine account and took around 20 minutes to automatically activate. I didn’t need to confirm my email or do anything outside of WP Engine.
I setup https:// for all my WordPress URLs with WP Engine live chat
After successfully purchasing my SSL certificate, I logged into my WP Engine account and clicked on the live chat icon (located at the top right of the WP Engine account control panel). I live chatted to WP Engine technical supprt and asked them to change my website database URLs from http:// to https://. I asked them to change two URLs in my database to https://
- xyz.wpengine.com (in my case wpspeedup.wpengine.com) to https://
- http:// URLs to https:// URLs
This was a bit lazy, and I really wanted to use my favourite database tool to do this, but I also wanted to write an article that a non developer could follow. Besides, WP Engine have world class WP support (which I paid for) so I decided to get my moneys worth. After a few minutes of silent live chat (whilst the operator performed the request) it was complete. I graded the live chat 10/10. Make sure you grade them too – it helps the person at the end of the line!
Navigate to: WordPress Login >> Dashboard >> Themes >> Add New (Search Twenty Nineteen)… Then Activate It
Something you should know about the WP Engine cache
WP Engine recommends that you stage your WP site and not work directly on the live (production) server. The live server caches content which means some changes aren’t immediately apparent. My article however is aimed at “non developers” so we’re going to ignore this suggestion and not use any code editors or SFTP (secure file transfer protocol)! This does however mean you may have to hard reload (hard refresh) your web page to see changes or open an incognito window in Chrome to see new changes. These resources will explain how to do that:
I know this is a faff – but it will be worth it in the end and it keeps this article simple for you to follow.
Website speed graphs explained for speed gainers
There are broadly 3 key speed test websites that most of my WordPress website developer friends use.
A Pingdom speed test diagram height and width has a meaning.
Pingdom.com speed test diagram explained
Time in milli seconds (ms) runs along the top. The assets of a webpage being tested run down the page (on the left hand side).
A new row is a new website asset loading on the web page being tested. This creates a waterfall effect, cascading down the page. Assets load one at a time and the time taken to download is recorded. The next asset can’t load until the previous asset in the row above has loaded. Assets may include: 1 image, 1 CSS file, 1 JS file. Lots of assets makes a website speed graph taller (more rows) and the website load time becomes longer because lots of assets make a web page load speed longer. 10 website assets take up 10 rows, 50 website assets take up 50 rows and so on. In this article we are going to explore how to load as fewer WordPress website assets as possible without making the website look rubbish. There is a fine balance between number of assets used and website aesthetics. If we were just going for ultimate speed we would load zero web assets :) This however wouldn’t have a real World value for any business because a visitor wouldn’t be impressed once they arrived on the website.
Each solid bar in a row
A new bar (one bar per row) is the time taken for 1 asset to load. The time unit measurement is milli seconds (1000th of a second) e.g. 300 milliseconds = 0.3 seconds. The bar can have maximum of 6 parts in 6 different colours). The colours can are used to identify what the hold up is.
- DNS -Web browser is looking up DNS information
- SSL – Web browser is performing a SSL handshake
- Connect – Web browser is connecting to the server
- Send – Web browser is sending data to the server
- Wait – Web browser is waiting for data from the server
- Receive – Web browser is receiving data from the server
Fast is square and small
A fast website speed report has fewer rows with small and condensed bars. We need to make our Pingdom waterfall speed diagram look like a small square – this is the WordPress website speed sweet spot. We definitely do not want a big square and certainly not a long portrait orientation rectangle.
If you’re still unsure: do a pingdom speed test and click on the 1st column link (asset 1) – this will take you to the asset being loaded on your speed test for a particular web page. This will help you to understand that a website is composed not just of 1 asset but of sometimes 20, 50, or even 300 assets! Each row is the time taken to load just one website assets (one part of a website)!
The speed optimise goal is to reduce rows and move the bars further left (at the same time).
Bare in mind, when you optimise a website the scale of the waterfall diagram becomes less (the diagram will always appear the same width).
WordPress admin dashboard speed optimisation settings and configuration
I took the following steps to get marginal WordPress speed gains. I knew these may not benefit me solely, but I was fairly sure combined with lots of other steps they’d provide a few milliseconds of speed gain.
I removed all plugins (besides from the 3 mandatory WP Engine ones)
I didn’t have any additional WordPress plugins installed besides the four mandatory WP Engine ones. They’re required to make WordPress run efficiently on WP Engine servers and besides you can’t remove them! In my install I had 3 X Must-Use Plugins and 1 X Drop-ins.
Navigate to: WordPress Website >> Login >> Dashboard >> Plugins
I remove all comments and deleted them from trash
Navigate to: WordPress Website >> Login >> Dashboard >> Comments
I removed all posts and deleted them from the bin
Navigate to: WordPress Website >> Login >> Dashboard >> Posts
I removed all page and deleted them from the bin and then created my homepage
Navigate to: WordPress Website >> Login >> Dashboard >> Pages
I configured the General Settings
Navigate to: WordPress Website >> Login >> Dashboard >> Settings
I configured the Discussion Settings
Navigate to: WordPress Website >> Login >> Dashboard >> Discussion
I setup permalinks
Navigate to: WordPress Website >> Login >> Dashboard >> Settings >> Permalinks
I setup the Reading Settings to assign my new homepage
Navigate to: WordPress Website >> Login >> Dashboard >> Settings >> Reading
PHP 5.6 speed test
I ran a new speed test to gauge the speed performance before I did the next steps.
There was zero speed change after making the WordPress Admin changes above! But I had to do them to absolute sure either way.
PHP 7 setup
I logged into my WP Engine and live chatted with the support agent. I requested my install to be upgraded to PHP 7. They CC’d me in on a support ticket and I had to wait for a little while for this to complete.
PHP 7 speed test
I ran a new speed test on my website but this time it was running the latest PHP 7 version.
There was zero speed change after upgrading to PHP 7.0! At least I knew. To be frank my WP site was so light at this point that a PHP 7.0 upgrade would probably only be noticeable on a website loading more than 16 assets.
If your WpEngine CDN (content delivery network) is enabled I suggest you disable it. I found an active WpEngine CDN was resulting in a 99/100 Google PageSpeed Insights score on mobile devices during testing. Although this fluctuated on later tests – so I presume this was a local issue or a PageSpeed Insights algorithm update. Disabling my CDN got me a 100/100 PageSpeed Insights score. I don’t know why, it’s possible that the CDN server was furthest from the Google testing location. (so it may be slightly different from your location).
I turned on object caching
WP Engine >> My Account >> Utilities
I cleared the cache
WP Engine >> My Account >> Utilities
Further WPEngine Setup Help
Setting up a new hosting account for the first time isn’t easy. If you’d prefer to follow a video guide – I found this one on YouTube. The WP Engine official DNS setup guide is here and it discusses setting a CNAME Record which helps to describe the domain DNS changes required in a bit more detail.
Twenty Nineteen Theme Installation And Activation
My earlier speed guide included using the Genesis Framework Theme which is a premium well rated theme. I’ve used the Genesis Theme for other sites and it has a solid reputation in the WordPress developer community. During development of Version 2.0, WordPress.org released the Twenty Nineteen theme here’s a quick preview of what it looks like. The theme is free to download and it’s built really well.
Don’t be put off by the 3.5 / 5 average user score rating on the WP website. WordPress didn’t release a Twenty Eighteen theme last year, so I presume a few bloggers are annoyed that they’ve waited this long for the next official and latest WordPress theme. From my perspective it doesn’t disappoint what so ever. I managed to get wpspeedupoptimisation.com to run faster simply by disabling the Genesis Theme, activating the latest Twenty Nineteen Theme and making the functions.php modifications from my earlier speed optimisation method.
I should point out at this stage that it is best practise to use a child theme although we will not be using one. If we install a child theme alongside a parent theme it will force our website to load additional website assets which will slow it down. In my benchmark speed tests, installing a WordPress child theme slowed the test website down by nearly 1 second!
How To Install The Latest Twenty Nineteen WordPress Theme
1. Login to your WordPress dashboard
2. Go to: Appearances > Themes
3. Search for: “Twenty Nineteen” and click on the preview image
4. Click: Add
5. Click: Activate
Your new Twenty Nineteen Theme will be running on your WordPress website.
Step 4 of 5 – Disable All Active Plugins
If you really want your WordPress website to run as fast as possible, you’ll need to disable all your WordPress plugins. Operating a website with zero active plugins will ensure your WordPress website is running at maximum efficiency. The lighter your site is the faster it will run.
How To Disable Your WordPress Plugins
1 Login to your WordPress dashboard
2 Go to: Plugins
3 Click all the checkboxes next to each plugin
4 Select De-activate from the drop down at the top of the page
5 Click Apply
Your plugins will be disabled on your WordPress website.
If possible you want to delete your plugins too – this is what I did on the speed demo website wpspeedupoptimisation.com. Please be aware: if your site currently relies on plugins and you disable them, your site will no longer use the features that the previous plugins added to your site. It’s best to disable your plugins to check your site functions OK before permanently deleting them. To do this follow the steps above 1-5 but select delete from the dropdown this time around.
WordPress Speed Plugin Installation And Activation
My original Blueprint Version 1.0 includes all the technical steps required to obtain a WordPress speed boost. So if you want to try and do this step on your own – go ahead! If you’re uncomfortable using sFTP, code editors and updating theme files such as the functions.php file – there’s a simpler way.
In December 2018, I launched my WordPress speed plugin to complete all the technical adjustments necessary so that site owners don’t need to hard code or make technical changes beyond the scope of their WordPress Dashboard. I’m pleased to say that WP speed gainers no longer need to do any coding to achieve the results they deserve!
Install this plugin to make your WordPress website load quicker for your website visitors.
How To Install And Setup My Speed Theme Plugin
1. Visit www.speedthemewp.com
2. Download the free plugin speedtheme.zip file
3. Login to your WordPress dashboard
4. Go to: Plugins
5. Add New
6. Upload the speedtheme.zip file
8. Go to: Settings (left nav bar) > Speed Theme
9. Tick all the checkboxes
10. Don’t enter a favicon URL. Fewer requests will make your WP site load quicker.
Your site is now running the speed enhancing features of my WordPress plugin.
A Bit Of History About My First WP Speed Optimisation Attempt (Version 1.0)
In July 2018 I set myself the goal of building one of the fastest WordPress website’s ever made. I didn’t know how fast a WordPress website could go – so I decided it was about time someone found out. I was influenced by the latest Google updates that were being released stating page speed matters for mobile search ranking performance. I decided to publish my strategy and share it with the WordPress and open source community. I labelled the strategy as The WordPress Speed Up Optimisation Blueprint. The fastest I managed to get my WordPress website to load in Version 1.0 was 155ms.
Evaluation Of Version 1.0
The first version steps required website speed gainers to develop on the WordPress platform and purchase a premium theme. After completing Version 1 I’d accomplished what I set out to do – which was to build a fast WordPress website. But after taking time off and re-studying The WordPress Speed Up Optimisation Blueprint a few times I knew it would be too challenging for “non-developers” to follow. I needed to create the same outcome but make the process a lot quicker and easier to complete. Then it would be more successful strategy for everyone to adopt.
WordPress released their Twenty Nineteen Theme in December. I installed it, inspected the code and immediately knew what to do. The theme was really well written and it had a very high natural Google PageSpeed Insights score. I knew if I could build a WordPress plugin to achieve the speed results discussed in Version 1.0 and select the Twenty Nineteen theme as the framework for my new WordPress website I’d achieve the same high speed outcome but massively simplify the entire speed optimisation process. It would be better, much better.
The aim with Version 2.0 was to create a method that anyone could follow. I wanted Version 2.0 to be faster, cheaper and more time efficient for WordPress website owners to create a high speed WordPress website.
I planned a method that required users to install a free theme and install a free plugin – It would later become the perfect WP optimisation solution.
Lucky You…Version 2.0 Plugin Development Begins
I started to build a WordPress speed plugin that optimized WordPress performance. The plugin was going to be one of the best WordPress speed up plugins ever made!
Remember our racing car? I turned everything off in WordPress that wasn’t necessary for our racing car to race at high speed. I’d already done all the hard work in Version 1.0 – this code was basically converted into a WordPress speed up plugin and optimised for every day use. You can inspect the plugin code on Github.
During development of my WordPress speed tool, WordPress 5.0 was released on December 6th 2018. WordPress 5.0 included the much-anticipated release of the Gutenberg page editor which replaced the basic WordPress text editor. The new Gutenberg page editor had a much more intuitive GUI (a simplified version of the WP Bakery Page Builder) – although it also included additional .js and .css component files. This was something that I later had to optimise for page speed download performance. I couldn’t just copy and paste the code from Version 1.0 into a plugin, I had to carry out additional speed development.
WordPress plugin development took around two weeks. After running a series of development cycles and carrying out a series of speed tests, I found that I needed to make Twenty Nineteen theme specific fine tuning changes too. I like to code in a modular fashion, so I made a require_once file for Twenty Nineteen which was easy to replicate and roll out for the Twenty Seventeen and Twenty Sixteen theme. My new WordPress speed plugin could be used with the latest generation of popular WordPress.org themes. There are currently >3 million active theme installs for these themes. My speed plugin detects if one of these themes is active and offers additional theme specific speed enhancing options.
The plugin has an options page whereby website owners can choose which speed enhancing features to turn off or on. I decided to include this feature because it’s possible certain WordPress features might be required on some sites and not for others. Building a plugin options page would ensure the future compatibility with almost any theme or plugin.
Version 1.0 Change Log
– Combined new .css and minify it to 1 .css file
– Combined new .js and minify it to 1 .js file
– Switched from the Genesis Framework Theme to the new Twenty Nineteen Theme
– Added backwards compatibility with Twenty Sixteen – 2016 and Twenty Seventeen themes – 2017
– New plugin created (WordPress optimizer component)
– Plugin options page which makes it easy for site owners to turn speed enhancing features on and off
Version 2.0 Performance
Despite switching from the highly recommended Genesis Framework Theme to the free Twenty Nineteen WordPress theme I’d generated a modest but good speed gain.
My new WordPress website loaded in 133ms (23ms) faster than Version 1.0.
Google PageSpeed Insights grades websites differently for mobile and desktop. For both tests WPSpeedUpOptimisation.com received a perfect 100/100 score.
<head> HTML Code
The header of the optimised WP site is just 11 lines of code. WordPress developers will know that this is often 20-40 of code on many themes. So it’s a huge reduction in size – which coincides with a big page load speed saving. The <head> consists of only a few HTML tags:
– Canonical Tag
The source code doesn’t look like a WordPress website – it’s really trimmed down. The only giveaway in the source code of my WordPress demo speed website wpspeedupoptimisation.com is that the site uses the WordPress path (wp-content/) in the assets it calls.
Footer HTML Code
The footer includes just one minified .js file. With a small slice of js output required for the mobile menu to work.
Version 2.0 Evaluation
I’d completed what I set out to do. I’d made building a fast WordPress website quicker, easier and cheaper!
Version 2.0 was alot quicker to complete than Version 1.0.
Future Development Of Version 3.0
Things I want to explore and try:
– Explore using alternative WordPress website speed test tools
– Create a WordPress hosting speed comparison table
– Screencast the WordPress page speed optimization steps
– Consider WordPress admin speed up tuning
– WooCommerce compatibility
– Run individual mobile and desktop speed tests
– Compare WordPress vs HTML speeds
– Add WordPress booster addons to the speed plugin and improve plugin performance
– Discuss benchmark goals i.e. what speed should a website run at? And how many file requests should it have?
Almost Finished – Fast Database Optimisation
The last thing I did was install WP Optimize plugin which optimises a WordPress website database (the brain of your website). I ran all the optimisation functions and then I disabled and removed the plugin. The plugin removes things like post auto saves and helps to optimise your WordPress database.
Your site is now making database queries as quickly as possible.
I generated an approximate 0.024 second speed gain compared to Version 1.0 following the steps in this article. Verify the results for yourself by visiting wpspeedupoptimisation.com in your web browser. My speedrun results are below and they measure website speed loading:
WordPress Speed Test #2 – 127ms (0.127 seconds) Page Load Speed on Pingdom.com (5 Requests) Tested From London
GTMetrix Page Speed Report
Why Are The Reported Speeds Different?
The demo speed site loads so quickly that fractional differences are common. The speed tool testing servers are also different distances from the the demo speed and use different algorithms to measure speed. The speeds are fairly consistent on the industry leading website speed test tools – so I’m happy.
Test And Check The Speed Yourself
Run a speed test on wpspeedupoptimisation.com. This site is running the latest WordPress speed optimised updates and it’s probably one of the fastest WordPress websites ever built.
Run Your Own Website Speed Tests
Run a Google PageSpeed Insights, Pingdom and GTMetrix website speed tests. If you create a free GTMetrix account it will let you test from different locations closest to your web server for free.
You have completed the WordPress speed optimization process.
My WordPress speed up optimisation speed mission was finished
My new WordPress website loaded in 0.127 seconds from London (Pingdom).
The final outcome of following the WordPress Speed Up Optimisation Blueprint was: I had built one of the fastest WordPress websites ever built.
Ben’s WordPress Speed FAQs
I get asked quite a lot of questions regarding WordPress site speed. So here are the answers to some of the most frequently asked questions.
I started the WordPress speed optimisation process on a Friday evening around 5pm. I’d successfully setup my hosting account by Friday night and performed the DNS update on my domain (20% complete).
On Saturday I had performed around 80% of the WordPress speed up process. Finally on Sunday I completed the process by the early afternoon.
My way of working is probably going to be a bit quicker, than someone doing it for the first time. Having said that – I was also writing and taking screengrabs and running speed tests throughout the process. I also had to fine tun the WordPress theme.
I’d allow 1-2 days to complete the WordPress Speed Up Optimisation Blueprint. It’s not hard, but all the steps need to be completed in the same order.
If you want to Increase wordpress speed without following the blueprint, there’s still a lot of valuable information you can take from it. Here are my top 4 WordPress speed optimisation tips:
- DNS Look Up Speed – DNSMadeEasy.com
- Host with WPEngine.com
- Install and run a lightweight and stable WordPress theme. Genesis Framework have a lot of Child themes to choose from!
- Don’t install any additional plugins that you absolutely don’t need
Pingdom dot com, GT Metrix dot com and Google’s own PageSpeed Insights.
Chrome browser also has a built in speed tester. You open it by following these steps (you don’t need an additional extension – it’s part of the core browser functionality):
- Press F12 on your keyboard to open the developer toolbar
- Then click on the the “Network tab”
- Click the “X” to close the developer toolbar
You can use this if you’re developing your WordPress website locally on a localhost or private web server.
I think if you’re in the position where you’re installing plugins to try and obtain speed gains – it’s probably not going to be as beneficial as following the WordPress Speed Up Optiomisation Blueprint.
Good question! I think this question is website specific. For example, does your site use too many plugins? Does your site rely on too many third-party assets? The answer to these questions will influence the solution to the problem.
Anything I say here is really speculation without understand the site you’re trying to speed optimise.
If you’re WordPress admin dashboard is running slowly it’s most likely to do with your server performance or the type of hosting package you have. I don’t notice any admin speed performance issues with sites running on WPEngine.
There are plugins that kind of do what the WordPress Speed Up Optimisation Blueprint does…
- Page Caching
- CSS Minification
But you have to load additional assets onto your WordPress website pages by installing WP plugins. That’s why I haven’t discussed this approach.
During my research, I found lots of articles approaching speed optimisation this way but there wasn’t 1 common standard to do it right to a new site, first time around, until now.
You don’t. The way WordPress queries pages can’t be altered. It’s part of the core functionality of WordPress.
The easiest way to speed up your database queries is not by making a page run lots of queries.
- Limit your blog posts to around 10 posts per page
- Don’t use lots of widgets on the same page or footer to display page links or post lists
- Don’t bolt on lots of things to WordPress beyond the core functionality
- In the blueprint I installed the Wp Optimize plugin to optimise the mysql database linked to my website – do the same. Then de-activate and delete the plugin
I check WordPress speeds fairly regularly. It’s a good idea to keep a check on page speed especially if you’re running advertising campaigns!
From personal experience I’ve found running regular speed checks is a way to ensure your CDN is always active (you may have turned it off to do site work or development). Slow speeds will identify a site issue and flag that you might need to investigate it.
You want a WordPress website that loads as fast as possible.
Tip: Install my Speed Optimised Genesis Child Theme + Genesis Framework Parent Theme, run a speed test and compare the speed test to same site running your theme. If there’s a big different in speed you know your theme needs lots of speed optimisation.
If you want a before and after figure – I’d always aim for at least 50% quicker after optimisation. Especially if your site has E and F grades on Pingdom dot com.
This is probably related to your WordPress hosting. I generally see long ajax lags on shared server environments hosted with budget hosting providers.
- The American spelling is: WordPress speed Optimization
- The British spelling is: WordPress speed Optimisation
It’s British thing?!
This article covers both WordPress speed optimization and WordPress speed optimisation. They are the same thing!
Dedicated Servers (Various providers)
VPS Severs (Various providers), Lots and lots and lots of shared hosting providers (Lots!) – Including but not limited to:
- Heart Internet (Host Europe)
- WP Engine
- 123 Reg
- InMonthion Hosting
- Amazon AWS
And lots more!!
As fast as possible. If you have identified your competitors – use their page speeds as benchmark times to beat.
Yes. I charge by the day.
Comment below or drop me an email via my website homepage contact form.
Please share the success you’ve had… If you enjoyed reading my WordPress speed up optimisation article and you found it useful please share it and comment below. If you get stuck drop me an email via my website contact form on my homepage or comment below.
Yes – the link is in my article.
Past Speed Test Logs
The Blueprint is updated regularly. Previous speed test results are listed here:
This article is a true account of my steps and my results ONLY. Website site speed is subjective. It is affected by many factors including your location. Therefore to replicate the same speed results in milliseconds is virtually impossible. Following this guide will not guarantee the exact same results for you.