Go back to all articles

How to Speed Up a WordPress Website – Part 2

Mar 19, 2022
9 min read

We are continuing a series of articles about front-end performance optimization. In the previous article, “How to Speed Up a Website”, we highlighted the current state of the front-end optimization field. We also mentioned effective tools for testing and monitoring websites and listed the steps to follow when optimizing a site.

In this part of the article, we would like to show an actual case of WordPress optimization and performance testing that our team recently performed. We will also provide practical recommendations that will allow you to speed up your website’s performance. We successfully applied the recommendations while working on this case, leading to a 12-fold increase in WordPress speed.

Case Description

Our performance testing team encountered, among other tasks, the need for front-end optimization of a website working on the popular WordPress platform. The problem was that the site worked so slowly that customers could not effortlessly open pages, learn about the company’s services, and place orders.

Testing

We performed testing using the WebPageTest service to check the front-end load time. The service not only shows what is loading and on which page but updates the loading speed.

For example, the front page of the tested site took 8 seconds to load, while other pages took 20 seconds, although only one person visited the page and no loading took place. The first byte was sent after 0.5 to 1.3 seconds. Normally, this takes only 0.2–0.3 seconds.

Download speed check via www.webpagetest.org

The data from the home page.

Website loading speed 1

Some of the pages even showed this result.

Website loading speed 2

We then generated a small load of 12 users who requested the 15 most-visited pages within 24 minutes. As a result, we received 132 requests, of which 31 fired a timeout error. The average response time was 1.7 minutes. In the mobile version of the website, some pages responded within one minute.

Load testing

12 users within 24 minutes visiting the 15 most-requested pages.

Load testing 1 1 scaled 1

12 users within 24 minutes visiting the 15 most-requested pages.

Load testing 1 2

Load testing 2

If you want to test your website and know the load status, we recommend our testing service PFLB Platform. It provides high quality and fast load testing in just 4 days.

Want to Know How a Leading Healthcare Company Improved Website Performance x30?
Read the case study With our help, they reached their business goals in a week

Issues Found

We looked at all the requests using the WebPageTest service and inspected the personal account on WordPress to find out what was causing the delays. In doing so, our team found the following issues:

01 The site ran on an Apache web server and sent static images at a very low speed.

The site runs on the Apache server. Parallel requests for static images performed very slowly. CDN was absent.

Parallel requests for static images were performed very slowly

Parallel requests for static images were performed very slowly

Simultaneous requests caused all images to load concurrently and slowly.

Simultaneous requests caused all images to load concurrently and slowly.

The website also lacked a content delivery network, which can speed up WordPress data delivery and distribution among end users on the Internet. It distributes the same content to different servers and caches data.

Moreover, the tested site worked on GoDaddy, which offers hosting as a service, so there was no dedicated virtual machine. On the one hand, you only need to install WordPress on GoDaddy, and you can work; on the other hand, you do not have access to the performance configuration.

02 The images were not optimized.

Some pages were written manually in the PHP language, and some used WordPress templates. Some of the images were in the folder that the automatic optimization plugins didn’t detect.

Image analysis results for the /performance-testing/ page

Image analysis results for the /performance-testing/ page

We found out that some pages were written manually with PHP and some with WordPress templates. The developers decided to write some pages manually without using WordPress plugins. As a result, images were stored in different folders.

Although there is a WordPress plugin that automatically optimizes the process of loading images, it did not see the images that were in other folders. Therefore, the image weight alone was already up to 10 MB.

Website load speed 4

Size of block for the footer logotype

Size of block for the footer logotype

To illustrate, consider loading a logotype in the footer of the website. Although the size of the logotype was 2560х512 px, its block was 260х520 px. The image was too large for the block, so it took a long time to load. Many images had high resolutions and loaded with such resolutions too. In the end, we found a large amount of unsuitable content that needed to be changed.

03 Many active plugins and no optimizing ones.

  • 01
    Accordions by PickPligins
  • 02
    Better Search Replace
  • 03
    Companion Sitemap Generator
  • 04
    Contact Form 7
  • 05
    Delete Expired Transients
  • 06
    Easy Yandex Share
  • 07
    Markup (JSON-LD) structured in schema.org
  • 08
    Real Time Auto Find and Replace
  • 09
    Search & Replace
  • 10
    WP Cerber Security, Antispam & Malware Scan
  • 11
    WP Mail SMTP
  • 12
    WP Migrate DB
  • 13
    WP phpMyAdmin
  • 14
    WP Sitemap Page
  • 15
    Zoho Forms
  • 16
    Category Order and Taxonomy Terms Order
  • 17
    Advanced Custom Fields
  • 18
    Fatal Error Notify
  • 19
    Elementor
  • 20
    Header and Footer Scripts
  • 21
    HubSpot All-in-One Marketing – Forms, Popups, Live Chat
  • 22
    PS Auto Sitemap
  • 23
    Redirection
  • 24
    Smush
  • 25
    WP Force Lowercase URLs
  • 26
    Yoast SEO

We found that the page took 1–1.5 seconds to respond because there were 26 plugins working at the same time, adding to the page. Moreover, some plugins performed the same tasks, but the developers assured the SEO that both plugins were needed.

It is important to mention that among these plugins, none were focused on optimization. The Customer Relationship Management (CRM) service HubSpot is extremely important for search engine WP optimization, but it took almost four seconds to load its elements.

HubSpot is extremely necessary for search engine optimization (SEO), but it took almost 4 seconds to upload its elements.
Elements upload timing

Elements upload timing

You can see on the chart that the page itself loads four to five seconds after a request to our server. All other requests activate plugins, which collect images, launch the “Ask us a question” box.

04 Non-optimized CSS, HTML, and JavaScript

JavaScript was split into many small files with three to four lines. It follows that each file was called by a separate request. There were styles that were not used to render the page, caused by the presence of manually written pages. No WordPress speed optimization was performed. Among 26 WordPress plug-ins, none were optimizing.

Solution

  • 01
    Connect CDN from Google.
  • 02
    Optimize images by reducing the size and resolution.
  • 03
    Remove unnecessary plugins; enable a plugin to optimize CSS, JavaScript, and slow image loading.
  • 04
    Remove the manually written pages.

The main page now:

Website load speed 7

01 We connected the site to the content delivery network.

The results of the load after connecting CDN.

The same test settings as on the first check: 12 users within 24 minutes visiting the 15 most-requested pages.

Website load speed 8 1

Website load speed 8 2

Website load speed 9

This step was the most important
It increased the page load speed the most and resulted in WordPress optimization. Google servers started caching images and sending them in a distributed manner. This increased the loading WordPress speed.

We did a load test after we connected the site to the content delivery network. The parameters remained the same: 12 users, 24 minutes, 15 pages. We saw a difference immediately: There were no errors, 1,378 requests were made, and the average load speed was eight seconds. Before, pages took six seconds to load for one user.

02 We were able to speed up WordPress by reducing the images’ size and resolution.

To do this, we searched all the folders with the website’s content, found images, and reduced their size and resolution.

03 We removed unnecessary plugins and enabled a plugin to optimize the loading of CSS, JavaScript, and images.

We enabled a plugin to optimize the loading of CSS, JavaScript, and images.
When you open a page, the image that is in the foreground appears immediately. Other images are loaded afterwards and more slowly.

List of plugins after the first optimization

  • 01
    Accordions by PickPligins
  • 02
    Advanced Custom Fields
  • 03
    Autoptimize
  • 04
    Category Order and Taxonomy Terms Order
  • 05
    Duplicator
  • 06
    Elementor
  • 07
    Essential Addons for Elementor
  • 08
    Google XML Sitemaps
  • 09
    Header and Footer Scripts
  • 10
    HubSpot All-In-One Marketing – Forms, Popups, Live Chat
  • 11
    Markup (JSON-LD) structured in schema.org
  • 12
    Redirection
  • 13
    Tawk.to Live Chat
  • 14
    WTI Like Post
  • 15
    Yoast SEO

04 We removed the manually written pages.

We rewrote the pages with WordPress templates and removed the manually written pages that hindered the faster loading of the page.

At this point, we made a request using the WebPageTest service, and the load speed dropped from 9 seconds to 2.2 seconds. For the second cached request, the page load speed was 0.7 seconds because the browser used the data received from the first request.

In testing, we were mostly interested in the audience from the US. For this, we manually set the server data that sends a request using WebPageTest. You can read about how to work with this service in our article “How to Speed Up a Website”. We recommend also using Google Chrome and the Lighthouse system to send requests directly from your browser.

For more information about your website you can use our testing service PFLB Platform. You will get high quality and fast performance tests in just 4 days. We have created quick and easy steps to get comprehensive analytics with key load metrics.

Want to Learn More About Our Performance Testing Services?
Find out what’s included and how to start working with us.

Conclusions

In summary, we would like to highlight the most important actions we recommend if your website pages take a long time to load and you want to speed up WordPress.

In the first stage, you should check if the website is connected to the content delivery network, which significantly optimizes data delivery and distribution between end users on the Internet. In our case, this WordPress optimization step reduced the page loading time twofold.

After that, it’s worth checking if the size and resolution of the images match the size of the blocks on the page. If you see significant differences between them, then it is important to perform WP optimization and resize the images to fit the block.

Do not use all plugins at once and try not to use duplicate plugins. In addition, plugins used for search engine optimization can reduce performance.

In the last phase, it is important to enable the plugin to WP optimize the loading of CSS, JavaScript, and images. Then check that there are no unexpected errors or ineffective solutions on the website.

Measure how well the site performs under load. Sometimes end-to-end testing is not enough, so it is better to combine load testing with maximum activity from actual usage.

Table of contents

Related insights in blog articles

Explore what we’ve learned from these experiences
14 min read

TOP 10 Best Online Load Testing Tools for 2024

best online load testing tools preview
Nov 7, 2024

In this article, we will go through our favourite features of each of these cloud-based load testing tools, while in the end you will find a parameterized comparison of all of them in one table.

10 min read

Essential Guide to ITSM Change Management: Processes, Benefits, and Tips

Essential Guide to ITSM Change Management
Oct 15, 2024

ITSM change management is essential for managing and implementing IT changes smoothly. It focuses on minimizing risks and aligning changes with business goals. In this guide, we’ll explore what ITSM change management entails, discuss its benefits, and provide practical tips for implementation. Key Takeaways What is ITSM Change Management? ITSM change management is a key […]

7 min read

SRE Roles and Responsibilities: Key Insights Every Engineer Should Know

sre roles and responsibilities preview
Sep 11, 2024

Site Reliability Engineers (SREs) are crucial for maintaining the reliability and efficiency of software systems. They work at the intersection of development and operations to solve performance issues and ensure system scalability. This article will detail the SRE roles and responsibilities, offering vital insights into their duties and required skills. Key Takeaways Understanding Site Reliability […]

11 min read

Understanding Error Budgets: What Is Error Budget and How to Use It

understanding error budgets what is error budget and how to use it preview
Sep 10, 2024

An error budget defines the allowable downtime or errors for a system within a specific period, balancing innovation and reliability. In this article, you’ll learn what is error budget, how it’s calculated, and why it’s essential for maintaining system performance and user satisfaction. Key Takeaways Understanding Error Budgets: What Is Error Budget and How to […]

  • Be the first one to know

    We’ll send you a monthly e-mail with all the useful insights that we will have found and analyzed