Everyone wants to increase it is WordPress website load time / speedup. You know that page speed is important. This confirms the Google ranking factor on desktop and mobile, affects user experience, and can have a direct impact on your bottom line.
How to Increase Speed Your WordPress Website
In this guide, I will show you exactly how I did it in a few simple and easy steps.
# 1. Remove unused plug
Unless you have a new WordPress website, chances are you won’t be installing a bunch of plugins that you haven’t been using for years. Some of these can affect page speed, so it is worth deactivating and uninstalling anything you don’t need as a starting point.
# 2. Switch DNS providers to Cloudflare
Websites are files on hard drives (servers) connected to the Internet. And each device connected to the Internet has an IP address (eg, 126.96.36.199).
Because IP addresses are difficult to remember, domain names are mapped to IP addresses using DNS, which is for the domain name system. You can think of it as the phonebook of the web. When you type a domain in your browser, there is a DNS lookup to find the server’s IP address.
But here’s one thing: Most people use DNS providers free of their domain registrars, which is usually slow.
If this is you, then go to a fast DNS provider like CloudFare.
To do this, sign up for a free Cloudflare account. Click “Add a Site”, enter your domain name, and click the button.
Select the free plan, then click “Confirm plan”.
Now before continuing, Cloudflare will give you a chance to review your DNS settings. If there is no warning, it is usually safe to continue.
Now all that remains to be done is to swap your nameserver with your domain registrar. The way you do this varies between registrars, so if you don’t hesitate to be sure how you will do it.
# 3. Install caching plugin
Caching is a process that temporarily stores files to make them more efficiently accessible to visitors.
There are two main types:
- Browser Caching: Saves files like ‘mango’ on users’ hard drives, so that they do not have to download again for repeated visits.
- Server caching: saves a fully-built, ‘static’ version of a page on the server, so it doesn’t have to be rebuilt every time a new visitor requests it.
WP Rocket makes it simple to enable caching. Just buy it, install it and activate it. Caching (server and browser) is on by default. If your site is responsive, go to Cache Settings and check the box to enable caching for mobile devices.
# 4. Minimize your HTML, CSS code
WhatsApp and comments are removed from the code to reduce file size. And smaller files result in faster loading times.
If you are not using WPRocket, install and activate Autoptimize and do the same.
Most WordPress websites include many CSS and Java Script files. Some are for themes, others are for plugins, and you can also have some custom ones.
Combining these files can speed things up, but it depends on your server setup.
If your server uses HTTP / 1.1, combining files increases the speed of things because fewer files need to be loaded. If it uses HTTP / 2, mixing files does not necessarily make any difference, as files can be loaded anyway.
To see which version your site uses, plug your domain into the Key CDN tester.
If you are using AutoPetzyme, there are two checkboxes for “Aggregate” files. Just be aware that these can sometimes break things on your site, so it’s worth checking twice that everything still looks and works once enabled. And remember to clear the cache beforehand and check for changes in an incognito window. Otherwise, the changes you see may not be reflected.
# 6. Remove render-blocking resources
Rendering is the process of changing the code in a visible web page.
The key word is ‘visible’ because a web page does not always need to be fully loaded before it is visible.
For this reason, it makes sense to prioritize loading resources to ‘above the fold’ the content.
If you previously saw “eliminate render-blocking resources” in Pagespeed Insights, it would usually fix that problem.
# 7. Lazy-load images and videos
Lazy-loading improves page speed by loading pictures and videos on the screen until they appear on the screen. If you are running WordPress 5.5+, image lazy-loading is enabled by default, but not for video.
If you are using WPRocket, solve this by tapping the “Enable for iframes and videos” box under LazyLoad settings.
If you are not using WPRocket, the free lazy load for the video plugin does the same thing.
# 8. Optimize Google Fonts
Many themes use Google Fonts, and these fonts have to be downloaded from Google’s servers every time someone visits your website. This can be a time-consuming process because your server has to make an HTTP request, download a CSS file, then download the font from the location referenced in the stylesheet. And this has to be done for every font on the page.
If you are using WPRocket, it automatically optimizes Google Fonts requests. Otherwise, the swap Google Fonts display is a good starting point.
# 9. Enable preloading
Preloading allows you to define the necessary resources, so browsers know the priority of files to load.
For example, suppose your code looks like this:
The simplest way to solve this is to add another line of code, such as:
<Link rel = "preload" href = "/ style.css" as = "style">
You can add preload attributes manually by editing the code, but it can get messy and confusing until you know what you are doing. It’s very easy to just install WPRocket, which automatically goes out of the box.
# 10. Use cdn
Content delivery networks (CDNs) are groups of distributed servers worldwide. Each of these stores a copy of your website, so that users can connect when requesting web pages.
For example, suppose your web host’s server is in the UK. If someone comes to your site from the US and you are not using a CDN, then the connection between their device and your server will be slow. If someone goes from the US and you use a CDN, their device will connect to the nearest server, which helps things connect faster.
There are many CNS providers, so you only have to select one, enable it in WPRocket, and enter the CNAME.
# 1 1. Optimize your images
Lazy-loading solves many problems related to images, but it does nothing to help images that load above the fold. The larger they are, the more often they negatively impact loading time.
To solve this, compress your images with a plugin like Shortpixel. Just install it, activate it, go to Settings, enter your API key, start “Save and go to bulk process, then click” again.
If you find that they are of very low quality, go to Settings, and change the compression type to Shiny or Lossless.
Let’s see how these optimizations affected our page speed according to some popular tools.
Finally see your post in Google’s Pagespeed Insights
Read more from this site…
- The Best 27 Ways To Get Backlinks for New Bloggers/Website
- 32 Website Content Ideas for Beginner Bloggers/Websites
- SEO Tips in 2 Minutes – SEO Guide For Small Business/Bloggers Owners
- 100 SEO Tips 2020 For Small Websites/bloggers
- Some Best Tips for Backlink – For New Bloggers/Website
- Do Backlinks Still Work for SEO in 2021 What Works and How to Build it.
- Are you doing these mistakes on On-page SEO Optimisation
- Google Search algorithms Ranking Factors – How Does Google Rank Websites – SEO Tips
- SEO TRENDS FOR 2021 & Latest Google SEO Tips for Your Website Ranking
- How Many Backlinks Do I Need for Ranking for Website
- How Many Keywords Should You Target for a Post
- How to Increase Traffic to Your Business Website / Blog – 11 Easy Tricks