To qualify as a top performer, a WordPress website should not just fast, but also provide the best possible experience for visitors. For instance, here are the few most important factors that help speed up a WordPress website.
- Lightweight WordPress theme
- WordPress hosting provider
The Basics of Optimization
Types of WordPress Hosting Providers
What is Cloudways?
Cloudways is an intermediary between you and the cloud provider. It offers you a choice to install WordPress website on a server hosted on Google Cloud, Amazon, DigitalOcean, Vultr, and Linode and charges just a few dollars to maintain the server for you. Not only the maintenance, it also provides live chat support round the clock so that if you have any query, you get the answer at the moment.
You might be thinking why I decided to give it a try, right? There are multiple reasons: one of them is that their cloud providers have more than 60 data centers around the globe that helps in reducing latency, which is an important factor to reach target audience effectively.
- Pre-configured Varnish cache
- Support for PHP 5.6 and 7.x
- MySQL 5.6 & 5.7, support for MariaDB
- WordPress staging environment & temporary URLs
- Application & Server Cloning
- Unlimited sites on one server
- Unlimited servers under one account
- Free SSL certificates
- CloudwaysCDN (MaxCDN/StackPath in affordable pricing)
- Automated backups
- Auto-Healing Servers
- Team Members
- Git integration
- A lot operations can be done in just a few clicks
How to Install WordPress on Cloudways?
Step 1: Get an Account
Step 2: Launch Server
- WordPress as application
- Named application as TestOceanWP
- Named server as TestOceanWP
- Selected default projects
- Linode as the cloud provider
- Server size: 1GB
- Location: Fremont
Click Launch Now at the bottom right of the screen. It will take a few minutes to launch the desired server on Linode with WordPress installed.
Note: You don’t need a separate account on Linode to launch server at Cloudways Platform.
Step 3: Access WordPress Website
Once the server is ready, you will get a temporary/staging URL to test your newly created WordPress site, access it by going to the Applications tab from the top menu bar. Once testing is done, you can easily point the domain and take your WordPress website live. Here is how the Application Management screen looks like:
Step 4: Access Your Server
Although Cloudways manages the server for you yet it provides a control room from where you can alter settings at the server level. To access your server, navigate to Servers tab from the top-left menu bar and get into your server. Here is how the server control room looks like:
Performance on Default Settings
One thing to note, Cloudways has its own WordPress cache plugin, Breeze, that is fully compatible with their hosting stack and comes pre-installed with WordPress. We keep the default settings and remove their additional widgets that do not relate to this guide.
OceanWP & Other Plugins Installed
Compare it with the default Twenty Seventeen theme result and see the power of an optimized WordPress theme. Let’s go with the dummy website by applying a few optimization tweaks.
- Removed emoji support by adding few lines of code at the end of functions.php file of our child theme because most of the WordPress users do not use it.
- Marked all the checkboxes where Minification is labeled in the Basic options tab of Breeze.
- Enabled grouping of JS and CSS to reduce the number of requests by going to Advanced options tab on Breeze.
We can see the loading time is pretty impressive. But Pingdom Tools is displaying query string warning on “fontawesome” and “simple line icons”. If you are using any of them, keep it enable or disable by going to scripts and styles section. We have disabled it for now and here is the result.
Now everything is scored to 100.
OceanWP with Demo Data
Let’s insert demo data using Ocean Demo Import plugin. We have imported one of the most popular one-pager template Megagym along with all the data we are asked to import. Here is the result:
One thing to mention here, we have re-enabled “fontawesome” and “simple line icons” as they are required by Megagym template. The above warnings include both of them along with Google Maps.
For this guide, we are disabling Google Maps using Elementor but if you want to embed it anyway, try not to use it on home page as it is considered as the performance killer.
Would care to share the results you are getting with your existing hosting provider?