Page load speed and site performance are critical factors in today’s modern web development world. We’ve shared a few helpful tips to help you improve your Divi website’s speed.
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. 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 suggested to build a blazingly fast website:
- 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.
We highly recommend considering a managed WordPress hosting option. Not only will this give you speed and performance enhancements from the server-side itself, but you’ll also get added benefits like daily automated backups, free Let’s Encrypt SSL certificates, a staging site, beefed-up website security. Our managed host of choice is Divi Space Hosting. Going above and beyond the standard managed WordPress hosting offering, Divi Space Hosting offers servers that are configured specifically for Divi, as well as a one-click WordPress and Divi theme installer.
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, our top recommendation for a caching plugin is Divi Rocket.
Designed with Divi websites in mind, Divi Rocket takes all of the standard Divi speed concerns into account and provides Divi-aware server-side caching, lazy loading, browser caching, database optimization, GZip compression and more. Unlike other caching plugins, Divi Rocket is extremely easy to use. It has a streamlined user interface that complements the Divi look and feel. Set up and configuration is a breeze.
Check out Divi Rocket! Otherwise, here are a few other popular caching plugins:
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.
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 article and that it’s helped you speed up your Divi website.
Thank you for reading!