If you’re looking for a super simple way to speed your WordPress website, you’ve
come to the right place. We’re tackling that million-dollar question today.
If you know everything about PageSpeed and just want to get a 90+ PageSpeed score both for
mobile and desktop, you can use the timecode below that says “How to speed up your website with 10Web?”
You probably already know just how important boosting site speed is, so we’re just gonna
talk numbers here: One second delay in website load time leads to an 11% drop in
page views, a 16% drop in customer satisfaction, and a 7% drop in conversions.
Pages that load within 2 seconds have a bounce rate of 9%, while those that take 5
seconds to load have a 38%: That’s more than 4 times higher.
Come on it is not hard math
As you know (LCP) AKA the time it takes for the largest text or image to load is one of the “Core
Web Vitals” that Google uses to evaluate user experience and determine your site’s
ranking.
According to Google algorithm's latest updates, page speed is even more important than SEO,
so speeding up your site can actually bring up your rankings on Google.
10Web is an automated platform that takes care of website migration optimization and hosting for you.
Migrate your clients' websites to 10Web with one click and get 90+ page speed score both for desktop and mobile automatically.
So, how to speed up your website?
10Web's innovative tools automate the process of speeding up your site that would otherwise take you months to complete.
Now it's a matter of seconds
Let's perform a couple of experiments and you'll see just how easy and effective speeding up your website with 10Web is.
So here's our first website that's we're going to speed up. We go to our WordPress dashboard
where we have the 10Web Manager plugin downloaded. It says that "a copy of our website is being
automatically created" so we just wait.
Alright, so now our website copy is ready and its PageSpeed scores are 100 for Desktop
and 99 for Mobile. This is a huge improvement if you compare these scores to what we had:
79 for Desktop and 56 for Mobile. This is bound to massively improve the user experience
and boost conversions.
Now let's try 10Web out on an e-commerce website, too.
This is our online shop, with all the items for sale listed. Again, we go to our WordPress
dash with the 10Web Manager plugin downloaded and activated. We wait for the site copy to
be created. And...done! The perfect functional copy of
our site has been created and its new PageSpeed scores are 100 for Desktop and 99 for Mobile.
Compared to the scores we had — 60 for Desktop and 47 for Mobile — this is soo much better,
and shopping on this e-commerce site will be so much more pleasant for our customers.
To understand how site speed optimization works, we need to determine the major factors that
affect it.
So if your hosting is, for example, shared, the server is used by a whole bunch of different kinds of
websites, and a single request coming from a visitor may take forever to load and be processed. And for example if your
data center is far from your target audience's country, it can also negatively affect your site's performance.
So, whenever you're choosing a hosting provider, you need to make sure that it has multiple data centers, and it is best that you go with a cloud hosting plan.
Then there’s caching, the temporary storage of data for the repeat user’s quicker and
easier access next time. If you have a caching service turned on, your site will load quicker.
A third factor that affects your site speed is the number of active plugins you have.
If you have too many plugins, they may have compatibility problems with
each other. Don't overburden your website with too many plugins. Be sure to research well and choose your plugins wisely
so that your site speed is not affected.
The third factor is image size. If your images are big and heavy – and even if they’re not – they will affect
site speed. So be sure to use an image optimizer to make your images weigh less.
The next factor is theme or template size. You wanna make sure that your themes and templates
are not too heavy, so that you provide a smooth experience to your visitors.
And the final major factor is lazy loading.
Essentially, it’s when you don't load an element unless it is requested by the visitor's
browser. For example, if a visitor comes to your site and does not scroll down, some elements at the bottom
of a page will never even load. Lazy loading has been a part of WP core for quite some
time already.
Wondering how it works under the hood? - It can be pretty techie, so if you wanna skip
the nitty gritty and immediately sign up, I don't blame you.
But for the tech enthusiasts and speed optimization buffs out there, here comes a deep dive into
the 90+ PageSpeed score technology.
The most important aspect of speed-oriented architecture is hosting infrastructure. 10Web’s
hosting infrastructure
1. is powered by Google Cloud, which is our gateway to minimal downtime, high speed, and security.
2. it has multiple data centers distributed
over 4 continents. This improves your website’s connectivity and your speed because it really
reduces the travel time of your data. 3. uses Nginx, PHP-FPM, Server Side Page Caching
(FastCGI caching), Linux containers, and the latest version of PHP. All of this combined
helps us ensure lightning-fast speed. 4. we also use the latest generation of SSD
disks with optimal storage capacity. That guarantees high and steady performance.
5. we use an optimized MySQL database, which is tailor-made to suit WordPress websites,
ensuring high efficiency. 6. our infrastructure also relies on the Redis
database to temporarily store data. It is famous for its extraordinarily fast performance.
1. powered by Google Cloud 2. multiple data centers distributed over
4 continents 3. Nginx, PHP-FPM, Server Side Page Caching
(FastCGI caching), Linux containers, and the latest version of PHP
4. the latest generation of SSD disks with optimal storage capacity
5. an optimized MySQL database 6. the Redis database to temporarily store
data
1. is powered by Google Cloud, which is our gateway to minimal downtime, high speed, and
security. 2. it has multiple data centers distributed
over 4 continents. This improves your website’s connectivity and your speed because it really
reduces the travel time of your data. 3. uses Nginx, PHP-FPM, Server Side Page Caching
(FastCGI caching), Linux containers, and the latest version of PHP.
All of this combined helps us ensure lightning-fast speed. 4. we also use the latest generation of SSD
disks with optimal storage capacity. That guarantees high and steady performance.
5. we use an optimized MySQL database, which is tailor-made to suit WordPress websites,
ensuring high efficiency. 6. our infrastructure also relies on the Redis
database to temporarily store data. It is famous for its extraordinarily fast performance.
The next most important thing about 10Web is automated optimization. The automated optimization includes:
1. Image optimization through compression; 2. HTML minification;
3. CSS and JavaScript minification and merger; 4. File caching optimization;
5. File load optimization through prioritization of important CSS and deferral of JavaScript.
6. Lazy load for background images, iframes, and videos.
7. Font swap. This means that for the purpose of low latency, your content is shown in a
generic font to bridge the time until your original font style is generated.
1. Image optimization through compression 2. HTML minification
3. CSS and JavaScript minification and merger 4. File caching optimization
5. File load optimization 6. Lazy load for background images, iframes,
and videos. 7. Font swap
And there’s more:
10Web automates background image resize for mobile devices, improving the Largest Contentful
Paint (LCP) score.
We’ve added object caching to reduce MySQL load.
We have added a Javascript Web Worker that downloads async resources in the background
using a separate thread and not blocking the main browser thread.
We also delay all JavaScript code execution before interaction and implement inline loading
of critical CSS to apply only styles for the current screen.
We’re optimizing non-critical JavaScript deferral for popular plugins to ensure a seamless,
out-of-the-box workflow.
And we’re working on adding PHP8 with a JIT compiler.
Hope you liked learning more about the super important task of speeding up your WordPress
site. Do not forget to “like,” “subscribe” for more how-tos, interviews and reviews about
WordPress and agency growth. Also, please make sure to share your experience about speed optimization
in the comments below. See you guys next time!