David Fourie
  • Services
    • Installation or Migration
    • Theme Development
    • Search Engine Optimization
    • Security
    • Speed Optimization
    • Google Search Console
    • Google Tag Manager
    • Google Analytics
    • Marketing Integrations
    • Something Else
  • Portfolio
    • WordPress Installation
    • WordPress Migration
    • Theme Customization
    • Search Engine Optimization
    • Security Optimization
    • Speed Optimization
    • Google Search Console
    • Google Tag Manager
    • Google Analytics
    • Marketing Integrations
  • Articles
    • WordPress
    • Plugin Reviews
    • Freelancing
  • About David
  • Search
  • Menu Menu
WordPress

WordPress Page Speed and Site Speed

Page speed: what is it, what is measured and how can it be improved?

Tools like Google’s PageSpeed Insights, WebPageTest, GTmetrix and Pingdom are often used by clients and professionals alike to quantify the page speed or site speed of a WordPress website.

Defining Optimize

“Optimize” is a word people struggle with and understand as “make perfect.” It actually means “make the best or most effective use of (a situation or resource).”

What Is Measured for Page Speed?

PageSpeed Insights

PageSpeed Insights is one of the Google tools for testing performance of a site.


According to the Lighthouse Score Weighting calculator, these are the main contributors to the score:

AuditCategory WeightingGoodNeeds ImprovementPoor
FCP marks the time at which the first text or image is painted.15%< 1s1s – 3s3s <
SI shows how quickly the contents of a page are visibly populated.15%< 3.4s3.4s – 7.3s7.3s <
LCP marks the point in the page load timeline when the page’s main content has likely loaded25%< 2.5s2.5s – 4s4s <
TTI measures the amount of time it takes for the page to become fully interactive15%< 3.8s3.8s – 9.6s9.6s <
TBT measures the total amount of time that a page is blocked from responding to user input25%< 0.3s0.3s – 0.8s0.8s <
CLS quantifies how often users experience unexpected layout shifts5%< 0.10.1 – 0.250.25<

Mobile Page Speed Score

The mobile PageSpeed Insights (with Lighthouse V6) score is a simulated page load on a mid-tier device (Moto G4 launched in 2016) on a mobile network with a latency of 150ms and a throughput of 1.6Mbps down / 750 Kbps up. It is intended to simulate a connection in the top 25% of 3G and bottom 25% of 4G.

Real Throughput
1B = 8b (1 byte = 8 bits)
1Mb = 1000kb (1 megabit = 1000 kilobit)
1.6Mb = 1.6 Megabits x 1000 (to convert mega to kilo) / 8 bits per byte = 200 Kilobytes

This means that it takes at least one second to transfer 200kB of site data to the device, including code, CSS, JavaScript, fonts and images, not taking DNS resolution and other processes into account.

Reasons for Low Mobile Score
  • Limited bandwidth (200kB/s) slows downloading of resources (CSS, JavaScript, Images)
  • Limited processor speed and memory slows processing of JavaScript.
Mitigations for Low Mobile Score

There are various options to mitigate a low mobile score in PageSpeed Insights, but they would depend on your particular circumstances.

YSlow Scores for Page Speed

YSlow has a ruleset matrix by which websites are rated. It is presented with approximate equivalent PageSpeed Insights Audit recommendations, without the six main score metrix (First Contentful Paint, Speed Index, Largest Contentful Paint, Time to Interactive, Total Blocking Time and Cumulative Layout Shift) discussed earlier.

#YSlowYSlow WeightPageSpeed Insights (Approximate Equivalent)
1Minimize HTTP Requests8Critical Request Chains
2Use a Content Delivery Network6Keep Server Response Times Low
3Avoid empty src or href30Optimize Images
4Add an Expires or a Cache-Control Header10Uses inefficient cache policy on static assets
5Gzip Components8Enable Text Compression
6Put StyleSheets at the Top4Reduce Render-Blocking Stylesheets
7Put Scripts at the Bottom4Reduce Render-Blocking Scripts
8Avoid CSS Expressions3
9Make JavaScript and CSS External4Defer unused CSS
10Reduce DNS Lookups3Preload key requests
11Minify JavaScript and CSS4Minify CSS
12Avoid Redirects4Has multiple page redirects
13Remove Duplicate Scripts4JavaScript Bootup Time Is Too High
14Configure ETags2
15Make AJAX Cacheable4
16Use GET for AJAX Requests3
17Reduce the Number of DOM Elements3Uses An Excessive DOM Size
18No 404s4
19Reduce Cookie Size3
20Use Cookie-Free Domains for Components3
21Avoid Filters4
22Do Not Scale Images in HTML3Properly Size Images
23Make favicon.ico Small and Cacheable2
24Has Enormous Network Payloads
25Offscreen Images
26Serve Images In Next-Gen Formats
27Performance Budgets
28User Timing Marks and Measures

Brian Dean’s Experiment with Page Speed

While writing this post, Brian Dean of Backlinko did an experiment on page speed. He found that page speed in itself did not affect ranking.

Who Controls What?

On any website, what you control is what is served by your website. What you do not control, is what is served through your website from another website.

Some of the Things You Control

  • Your server (if you’re not on shared hosting). VPS pricing has plummeted over the past decade, enabling anybody with a little bit of skill to host their own websites from $3.50 per month with Amazon Lightsail. A VPS enables you to make use of Apache’s mod_pagespeed module (for Apache and Nginx), which does most of the optimization done by WordPress plugins – and more – on a server-level through a host of configurable filters.
  • Your CDN. Whether you use a free CDN (like Jetpack Site Accelerator, Cloudflare or one provided by your host) or a premium CDN (like KeyCDN or StackPath), it is your choice which CDN to use. You should (regularly) check that the CDN is actually adding speed to your site, rather than reducing it.
  • Your theme. There are some premium themes available with a terrible effect on page and site speed, while there are some great ones as well. It is always best to go with a minimalist theme (a very minimalist theme one of my clients uses is Carbonate) with the options you need, rather than one that tries to be everything to everybody. There is always a balance between convenience and speed: while I am able to code my own themes, I choose the convenience of using themes built by others (Enfold is my favourite) at the sacrifice of some speed. The more features a theme has, the more likely it is to affect your site speed.
  • Your plugins. Here are the plugins you really need: Jetpack (for images only – everything else off, unless you use them) with Akismet (for spam, if you allow comments), Rank Math SEO (or similar, for SEO), a caching plugin (W3 Total Cache, WP Rocket or similar) and WordFence (for security). That’s 5. Any other plugins must have a specific, particular, indispensable reason to be installed, because each plugin adds code (slowing down code execution) and probably CSS and JavaScript (slowing down your site).
  • Your Page Builder. Invariably page builders create bloated code. If you don’t have to use one, don’t. If you have to, use it for what is necessary and nothing else.
  • Your images. Foodica is a theme I have come across that works very well with Jetpack Site Accelerator, but there may be others. For the rest of us, it is still a good idea to resize images before upload, and to use the appropriate size in our posts. There is hardly ever any reason for an image to be wider than 700 pixels. Jetpack Site Accelerator serves images in the appropriate size (dependent on the theme) and format that the browser is capable of. Cloudflare Pro plans and higher also serves images in an appropriate format, while Business and higher can also resize images automatically.
  • Your caching. The caching plugin you use, how it’s set up and how it complements other measures you have in place can have a massive impact on your page speed score in particular and your site speed score in general. Some experimentation is definitely required, as one size does not fit all and there is often duplication, unnecessary settings and plain wrong settings. On an https site served over HTTP/2, it may or may not be beneficial to combine CSS and JavaScript. With a site served through Cloudflare, some settings are better handled by the server (or caching plugin), while some are better handled by Cloudflare.

Some of the Things You May Not Control

  • Advertising served through advertising networks, such as Google AdSense, Mediavine, etc.
  • Scripts served from external sources to track metrics, such as Google Analytics, Facebook Pixel, etc.
  • Fonts served from external sources, such as Google Fonts, Typekit, etc.
  • Content from third-party sites such as Instagram, YouTube, etc.

If your site contains these, there is little you can do to improve your page speed score apart from removing them.

Mitigation of the Things You May Not Control

  • Some plugins allow DNS Prefetch and Preconnect settings to be added. This speeds up connection time to third party sources by connecting as soon as possible, rather than when needed.
  • Some plugins can automatically move CSS to the top of the page and JavaScript to the bottom of the page, dependent on how the CSS and JavaScript is injected into the site.
  • Some plugins can automatically change the loading of JavaScript to asynchronous (load when possible, sequence irrelevant, after the rest of the document) or deferred (load in sequence after the rest of the document). This would depend on how the JavaScript is injected into the site and may not work in all cases.
  • There are some plugins that can cache external resources locally, such as Optimize My Google Fonts, Flying Analytics and others. This allows greater control over these resources.

Conclusion on Page Speed and Site Speed Tools

Optimization of page speed and site speed is a necessary part of site development, but it must be approached with realistic expectations and a willingness to compromise between the features you want and speed. It is not a simple once-off exercise that should only be performed on the home page.

Understand the limitations, realities and options, choose wisely and make the most of your site speed. I am available for consultation and implementation of site speed optimization strategies.

5 March 2020/by David Fourie
Share this entry
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on Pinterest
  • Share on LinkedIn
  • Share on Reddit
  • Share by Mail
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Hire Me!

Upwork.com

Sparrows Children’s Home

Sparrows Children's Home

It costs R50 (~$3)
per day to provide a child with food.
Please consider a small donation.

A2 Hosting
LiteSpeed Web Server
Jetpack
© 2011 - 2023 FMC. All Rights Reserved.
  • Twitter
  • Facebook
  • LinkedIn
  • Privacy Policy
PayPal to Payoneer – Linking Accounts – Transfer FundsLinking PayPal to PayoneerUbuntu 16.04 LTS Upgrade to Ubuntu 18.04 LTSAWS Lightsail: Ubuntu 16.04 Scroll to top

This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.

Accept settingsHide notification onlySettings

Cookie and Privacy Settings



How we use cookies

We may request cookies to be set on your device. We use cookies to let us know when you visit our websites, how you interact with us, to enrich your user experience, and to customize your relationship with our website.

Click on the different category headings to find out more. You can also change some of your preferences. Note that blocking some types of cookies may impact your experience on our websites and the services we are able to offer.

Essential Website Cookies

These cookies are strictly necessary to provide you with services available through our website and to use some of its features.

Because these cookies are strictly necessary to deliver the website, refusing them will have impact how our site functions. You always can block or delete cookies by changing your browser settings and force blocking all cookies on this website. But this will always prompt you to accept/refuse cookies when revisiting our site.

We fully respect if you want to refuse cookies but to avoid asking you again and again kindly allow us to store a cookie for that. You are free to opt out any time or opt in for other cookies to get a better experience. If you refuse cookies we will remove all set cookies in our domain.

We provide you with a list of stored cookies on your computer in our domain so you can check what we stored. Due to security reasons we are not able to show or modify cookies from other domains. You can check these in your browser security settings.

Other external services

We also use different external services like Google Webfonts, Google Maps, and external Video providers. Since these providers may collect personal data like your IP address we allow you to block them here. Please be aware that this might heavily reduce the functionality and appearance of our site. Changes will take effect once you reload the page.

Google Webfont Settings:

Google Map Settings:

Google reCaptcha Settings:

Vimeo and Youtube video embeds:

Privacy Policy

You can read about our cookies and privacy settings in detail on our Privacy Policy Page.

Privacy Policy
Accept settingsHide notification only

Add David Fourie to your Homescreen!

Add