How to Speed up Your Divi Website

In Episode 15 of Divi Chat, key figures in the global Divi community joined together to discuss the topic of website speed.

Page load speed and site performance are critical factors in today’s modern web development world. To help you stay on top of ways in which you can improve your Divi website’s speed, we’ve recapped the episode in case you missed it.

Included in Episode 15’s panel are:

What are the Benefits of Having a Fast Loading Website

To begin this post, it’s worth understanding why it’s important to have a fast loading website.

Firstly, search engines such as Google prioritize search results from fast loading websites.

In order to deliver the best possible search experience for their users, Google understands that their users don’t enjoy waiting for slow loading sites, and so will suggest fast loading sites as the best results. In return, slow loading websites won’t rank as highly as others.

Secondly, a fast loading website drastically improves the overall customer experience of the site.

The speed of data transfer has increased tremendously, and if web users are forced to wait even a split second too long, they won’t hesitate to leave your website and search for an alternate web page to answer their search query.

Not only will your or your client’s website lose a user/reader/potential client, but they may not be inclined to return to the website in the future.

Finally, as a web developer, having a fast loading website is a testament to your skill and craft.

If, for example, you’re looking to showcase your web development work, but your website is, in fact, loading slowly, prospective clients are less likely to use your services.

A fast loading website will signal to prospective clients that you’re a credible option for them to choose as their web developer.

Why WordPress Websites Need More Performance Attention

Before launching into performance solutions, it’s worth understanding exactly how WordPress as a CMS option functions, and why these processes can affect page load speed.

 

divi-space-how-to-speed-up-divi-website-wordpress-
  • Google+
  • Facebook
  • Twitter

WordPress is often accused of being a ‘bloated’ web publishing system. Here, the term ‘bloat’ relates to the number of files and requests needed to run a WordPress website.

In order to function, WordPress websites use MySQL databases.

Here, as well having as site files (including theme, plugin and media files) stored on a server, the MySQL database/s stores and serves content such as page content, post content and various settings.

Every time a new page or post loads, a database request is made in order to display the specific content related to the page or post. This is done each time a user requests to display a URL from a WordPress website.

For this reason, WordPress websites, as well as other SQL-based CMS systems will generally load a lot slower than static websites, and so, require a bit of extra attention when it comes to performance.

How to Test Page Speed

In order to understand how your site is performing, run it through a test, using:

Use these results as a guide that you can keep engineering your website in order to keep reevaluating and enhancing the performance.

How you Can Speed up Your WordPress Website

The following steps are covered during an in-depth discussion by industry experts during Episode 15 of Divi Chat. Click here if you’d prefer to watch the episode.

  • Step 1: Plan your website
  • Step 2: Use good hosting
  • Step 3: Resize and Optimize Site Images
  • Step 4: Install a Caching Plugin
  • Step 5: Set Up A CDN
  • Step 6: Choose Plugins Wisely

Step 1: Plan Your Website

If possible, before you begin, aim to plan your website really well.

Depending on what type of website you’re trying to build, make sure you can map out its requirements beforehand to estimate its functionality and possible pitfalls.

For example, if you are allowing users to submit images through contact forms, your web server will become oversaturated with additional resources and cause a decrease in performance.

For this, and similar case examples, try to forecast the type of website you’re intending to build and too, keep its future growth in mind when taking the first step.

Step 2: Use Good Hosting

Selecting a good hosting service provider is important to ensure fast loading page speeds.

A poor hosting solution can be rectified by the use of a CDN (more on that below) but in lieu of a CDN, it is worthwhile selecting a good host, or, if need be, changing to one.

When selecting a hosting service provider, make sure that it includes Let’s Encrypt SSL certificates as an option, the latest version of PHP (7) as well as a form of server-side caching.

There are a vast number of hosting service providers, most notably:

If you’d like a comparison between various hosting service provides, visit Review Signal.

Step 3: Resize and Optimize Website Images

One of the most important aspects of website performance is making sure that you’re optimizing images for the web. Large, unoptimized images that have not been resized can cause a page to load incredibly slowly.

Images that are optimized for the web must go through quite a few steps in order to reduce file size before they can be loaded onto a website.

This can be done by resizing through image processing software such as Photoshop, or online compression tools such as TinyPNG, Kraken or Imagify.

There are also image compression plugins that can be installed directly onto the WordPress website itself, such as

 

Step 4: Install a Caching Plugin

Once you have completed your web build, install a caching plugin.

A caching plugin is vital as it doctors and enhances the process of when the user requests to load a page from your website.

As mentioned above, WordPress websites require database calls at each and every page load in order to perform. A caching plugin will create a static or ‘cached’ copy of your website’s page or post, and store it in the web user’s browser.

As opposed to accessing the database each time to load post content, now a smaller, more compressed version of any previously loaded web page of your site, will remain in their history.

What this essentially means is that unless a web user clears their browser history, this smaller version of your page will always be served as opposed to running full database calls, until the post is updated.

In a nutshell, installing and configuring a caching plugin will result in faster page speeds.

While there are a number of free, premium and freemium caching plugins readily available for download, the members of this episode of Divi Chat recommended the following:

Step 5: Set Up A CDN

A CDN (Content Delivery Network) will mitigate poor hosting by serving data to your users from a closer server source.

When a user enters a URL to view your website, data has to travel from their exact location to your server source, and then return to their location in order to display the requested page.

The physical distance between these two points can have an effect on page load time, so, web users who are closer to your server will be able to view your website faster.

To help this process, a CDN will copy and store cached versions of your website on servers that are located all around the world.

 

divi-space-how-to-speed-up-divi-website-cdn
  • Google+
  • Facebook
  • Twitter

Before you opt for using a CDN, make sure that you have caching enabled at both at the server level (look for a hosting service provider that offers server-side caching) and on-site (make sure that you’ve installed a caching plugin on your website).

Two recommended CDN service providers are:

Note: Sometimes, these two CDNs used in conjunction can offer even better results. CloudFlare, in particular, offers great protection in the event of DDoS attacks. These are rapid and repeated login or hacking attempts made to your site. When these repeat logins are registered, CloudFlare will automatically block the IP source to protect your website. MaxCDN can be used to serve website assets and content files.

Step 6: Choose Plugins Wisely

To ensure that your website is performing optimally, make sure that you only select plugins that are developed well, that are updated regularly and receive high ratings.

The plugin debate is less about the number of plugins installed on a website, and more related to the quality of the plugin itself.

For this, it’s worth assessing the plugins on site on a regular basis and asking yourself whether they are still serving their purpose, and if so, whether they are doing so well.

When selecting a WordPress plugin, keep the following in mind:

  • Is the plugin compatible with the latest version of WordPress?
  • When was it last updated?
  • What is its star rating?
  • How many active installs does it have?

It is also recommended to be extra careful when selecting plugins, so, read the reviews thoroughly and also go through the support queries and see if they’re being answered.

We want to hear from you!

We hope that you enjoyed reading this and that some of the advice shared in Episode 15 of Divi Chat has helped you in your WordPress web development journey.

If you’re looking for a handy PDF to either save to your computer or print out, click here.

If you have any questions for the Divi Chat team, post them below and we’ll notify them! If you want to get in touch with the Divi Chat team directly, you can mail them directly on: info@divi.chat

If you’re a fan of the content that the Divi Chat hosts are putting out, tune in on Tuesdays at 3:30pm PST/ 10:30pm GMT.

Don’t forget to subscribe to Divi Chat on either YouTube, SoundCloud or iTunes, and feel free to leave a review if you like!

Previous post
Next post

7 Comments

  1. AsturWebs

    Hi Lisa, Great and super complete post, about one of the things I like to do, optmizar DIVI and crush pagespeed 🙂 I have learned new things and that is always appreciated

    greetings from Asturias

    Reply
    • Lisa-Robyn Keown

      Awesome! Glad you enjoyed the post 🙂

  2. Pedro Luis Cuevas Villarrubia

    I forgot to tell you, that there is too much spacing between sections of the post that break the harmony, I guess it will not be on purpose 🙂

    greetings from Asturias

    Reply
    • Lisa-Robyn Keown

      Thank you so much for letting me know! I’ll change the formatting of future posts to decrease the spacing. Thanks again 🙂

  3. Matt love

    I remember watching this and catching the tip about using autoptimize and wp cache enable, it worked a treat for a few weeks but then I just started using autooptimize as using the 2 kept causing issues but some great tips in this chat for sure. Plus recommending A2 hosting as well, I missed that last time but I am now hosted with them and I am very happy, I have just turbo boosted my server and enabled turbo cache and now my sites are super fast.

    It might be worth mentioning they do there own plugin which enables w3 total cache for you and works incredibly well in my opinion.

    Reply
    • Lisa-Robyn Keown

      Thanks for your feedback Matt! Stoked that you’re loving A2 Hosting 🙂 Your suggestion about A2’s plugin is awesome, I’ll do some more research and see if I can create a separate blog post on the topic!

  4. Luke Cavanagh

    Great to see Liquid Web in the list of good WordPress hosts.

    Reply

Submit a Comment

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