How to Increase Speed Your WordPress Website

How to Increase Speed Your WordPress Website in a Little Time – SEO Tips 2021

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, 123.123.12.1).

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 using WPRocket, tick the checkbox to minimize CSS and JavaScript in the settings.

If you are not using WPRocket, install and activate Autoptimize and do the same.

Just know that you should always test how this affects your website before deploying live Minimizing can often lead to broken code, especially when it comes to JavaScript.

# 5. Merge css and javascript files

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.

  • With HTTP / 1.1, CSS and JavaScript files are constantly loading. This means that a file must be fully loaded before loading.
  • With HTTP / 2, files are loaded concurrently. This means that many CSS and JavaScript files can start loading at the same time.

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 HTTP / 2 is not supported, it is worth combining CSS and JavaScript files.

To do this in WPRocket, tick the “Combine JavaScript files” and “Combine CSS files” checkboxes in Settings.

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.

You can do this by loading non-critical CSS and JavaScript files under the contents of the fold. To be postponed until later. To do this in WPRocket, check the “Load JavaScript Differed” and “Optimize CSS Delivery” boxes.

If you are not using WPRocket, you will need two plugins: Autoptimize and Async JavaScript.

In the setting of autoptimize, check the box “Inline and Differ CSS”. Then, in the Async JavaScript settings, click on “Enable Async JavaScript”.

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:

<html>
<head>
<script type = "text / javascript" src = "somefile.js"> </script>
<Link rel = "stylesheet" href = "/ style.css">
</head>
<body>
material
</Body>
</html>

Based on this code, the JavaScript file has to be loaded first due to hierarchy. This is not ideal because the CSS file is almost certainly more important than JavaScript code.

The simplest way to solve this is to add another line of code, such as:

<Link rel = "preload" href = "/ style.css" as = "style">

It tells browsers to prioritize CSS file over JavaScript file regardless of hierarchy.

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…

Leave a Comment

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