website

The most important practical tips to increase the speed of the site

From the very beginning, Google has attached great importance to site speed. Because speed is the most important factor affecting “User Experience”. But about a year ago, Google added an option called Core Web Vitals in its search console tool, which is the interface between Google and website owners (and SEO). In fact, this section specifically examines several elements related to site speed and shows you the appropriately low speed site pages.

Anyway, adding this option to the Google search console made site owners and webmasters care more about website performance and speed than before, because Google clearly made them understand that this has a strong impact on their site’s SEO. Given this issue, stay with me in this article to explain the top tips to increase site performance and increase site speed.

What affects site speed?

See, site speed isn’t affected by just one or two factors. In fact, there are more than a dozen factors that can increase or decrease your site speed. From coding a website to the content you upload to it to its hosting space(s). In the rest of the article, I will learn about these factors that affect the performance of the site one by one, and I will also explain to you the most important procedures necessary to increase the speed of the site.

Note: Dear friends, if you have used “Site Maker” and Portal Store Maker to design websites, you don’t have to worry. Since the portal builder sites are optimized for speed and performance by default, the only thing you need to do is not to upload images with a large size. Well, let’s move on to the solutions to increase site speed.

1_ Choose the appropriate hosting space

Without exaggeration, one of the most important issues affecting website performance is choosing the right hosting space. Regarding the hosting space, which you probably know by the names of the hosts, you should pay attention to several points:

First of all, you should know that in general, the speed and performance of a dedicated server and then a virtual server is better than shared hosting. Of course, if you cannot afford the high costs of a dedicated server or virtual server, it is better to go ahead with shared hosting.

The next thing to watch out for is that most of the time, hosting companies that offer cheap services have low speed hosts. Therefore, it is better to look for well-known companies whose price is slightly higher than the market, but their customers are extremely satisfied with them.

practical solution

To check the quality of the hosting company’s services in more detail, you can check the audience’s comments on the Google Map of the company in question, its Instagram posts, Telegram channels in the field of web design, etc.

2_ Activate the cache

As you can see, some of the audience that visits your website has already visited it once. For this reason, activating the caching function is one of the most important measures to improve user experience and increase site speed, especially for returning users.

In fact, cache is a feature that when activated on your site, parts of the site’s content, CSS code, JavaScript and HTML are saved on a computer or mobile browser after the user enters your site for the first time. This way, the next time a user accesses your site, they no longer need to download these files and the files will be shown to them from their browser. This means that no time is spent downloading additional files and your site’s performance and speed will increase on those users’ browsers.

practical solution

To activate cache, you can send a message to your hosting support, and in a better way, get help from cache activation components like w3 total cache and wp super cache. Joomla and Drupal have their own plugins.

3_ Gzip compression

A large part of a page’s content that slows it down is its code. Code like CSS, JavaScript, and HTML. Now, if you can reduce the size and size of these codes with any technique, it has helped increase the speed of the site.

One of the best approaches to reduce page size by reducing icons is to compress it using Gzip. In this technique, you are actually creating blank spaces and removing non-functional and useless code from your page code. In this way, between 30 and 70% of the size of each page can be reduced. Of course, there is an important point. After clicking, be sure to check out the features of the site as well as the appearance of the various pages. Because doing this compression sometimes corrupts the code of the site and disrupts its appearance and performance.

practical solution

For WordPress websites, you can use the WordPress plugin Gzip Compression for WordPress, Gzip Compression for Joomla, and CSS GZip for Drupal.

4_ Do not overload the site

Most popular content management systems allow visitors to install any plugins they like on the site. Now, some webmasters and website owners believe that adding many plugins will add valuable features to their sites.

At the same time, the increase in the number of plug-ins for the site will increase the likelihood of security problems, and reduce the performance and speed of the site. As a result, it is very important to disable plugins that are not useful for the site and also delete inactive plugins from it.

practical solution

If you want to know which plugins slow down the site the most, disable them one by one and measure the site speed each time after disabling the plugin using a site speed checker like PageSpeed Insights.

5_ Activate the Keep-Alive feature

When a user enters your site, the browser sends a request to your site’s server to display each element on the page. For example, to display a specific image on the right side of a page, a request is sent to the server from the user’s browser. This request is called an HTTP request.

According to these explanations, you may have noticed that the increase in the number of requests reduces the speed of the site. Now, one of the features that can help you reduce these requests and thus increase the performance of the site is a feature called Keep-Alive. Keep-Alive actually makes a website appear by sending fewer requests with the help of a series of relatively complex processes.

practical solution

The best way to activate this feature is to get help from an expert. The next solution is to get help from the backers! Finally, if you’re willing to take a risk, paste the code below into a file called .htaccess. on your host, add:

6_ Reduce the codes

Above, I talked about the importance of icons in page speed and said that reducing the amount of icons can increase performance and increase site speed. Now I want to talk about another way to achieve this goal. Zoom out!

In Minify technology, this time it combines different website code files such as CSS and HTML and puts them into one file. In this way, the number of files on the server and the requests sent by the browser to the server are reduced.

practical solution

In WordPress, comprehensive site acceleration plugins like wp-rock offer you minify functionality. But if you want, you can use the Better WordPress Minify plugin.

7_ Be careful with the pictures

Especially in these past years, due to the increase in the quality of mobile cameras and the popularity of high-quality photos in general, the number of photos used on the web has increased exponentially. This means that the size of the images for one page of your website may be several times the size of all of its code! So keep a few things in mind:

  •      First of all, to create a background on the site, use CSS codes instead of images as much as possible.
  •      Secondly, optimize the size of the images as much as possible from now on with the help of tools like Photoshop or image reduction sites like compressjpeg.
  •      Finally, scale all previous site images.

practical solution

To improve the previous images, you have two solutions:

In the first solution there are plugins like reSmush.it, EWWW Image Optimizer or Compress JPEG & PNG images. These plugins automatically improve the size of the previous images on the server.

In the second solution, you download all the images on the server, which will probably be located in a folder called Upload, improve them with Photoshop or other tools, and upload them to the site again with the same previous name. If this is done correctly and new images with the same name and in the same folder replace the previous ones, the site will be reduced in size and its performance will increase. (If you do this by mistake, you could lose all the photos on the site! So before doing anything, make a complete backup of the site’s information.)

8_ Activate LazyLoad

Well, let’s move on to the next technique for improving website speed. This feature again focuses on website images. In this solution, you enable a feature called LazyLoad. In this way, the user’s browser no longer needs to download all the pictures when they enter the site. Instead, the necessary content such as page code is downloaded first, and then as the user scrolls down the page, the following images are gradually downloaded. In other words, after activating this feature, the user will only download the images of that part while checking each part of the page.

practical solution

There are many plugins to enable this feature. Including:

  •      jQuery Image Lazy Load WP
  •      Slow loading
  •      or BJ Lazy Load

There are also Joomla plugins such as Lazy Load for Joomla.

9_ Enable CDN

Imagine that you are in the city of Gilan and the servers of the portal you are currently on are located in Ahvaz Province. Well, given the long distance between these two cities, the connection speed of you or even a user from another country to our site will be relatively long.

Now there is something called a Content Distribution Network or CDN that solves this problem. When you buy CDN services from hosting companies, your site information is placed on several different servers across the country and the world. In this way, when you want to enter our site from Gilan, instead of connecting to the portal server in Ahvaz, you will connect to a server in your city or the server closest to your city. Of course, CDN activation brings more benefits than increasing site speed, such as increased security, etc.

practical solution

Simply go to a reputable hosting company and ask them to provide you with CDN services. It is preferable, before activating these services, to read the opinions of users on the Instagram of the desired site or other media, and to ensure the quality of their services.

10_ Activate Hotlink protection

As you can see, some websites simply copy their content from other websites on the web. In the following, sometimes sites concerned don’t bother uploading images to their hosts and put the address of the images from your host on their own site. (If they put the link to the image on your site on their page, the image from your host will be displayed on their site!) This way, by driving more traffic to their pages, your host will be under stress.

Now, Hotlink Protection is actually a feature that does not allow sites to do such a thing and actually prevents them from stealing your server resources.

practical solution

Although I don’t think Hotlink Protection is very useful these days, in any case, to activate it, it is enough to send a message to your hosting support and ask them for help.

11_ Improve the site database

The database is one of the most important parts of any website and is the place to store a lot of information. Just as you have to delete redundant and useless information from time to time in the computer so that your files do not increase in size without reason, in the database you have to constantly improve the database, for example once a month or more. In the process, we remove a lot of unnecessary information like useless statistics, etc. from the database. In this way the size of the database has shrunk and as a result our site has not increased in size and performance has not decreased.

practical solution

To optimize the database, you have two options. First of all, you can go to the plugins for this field. For example, WP Optimize for WordPress, OptimizeDB for Drupal, and Optimize Your Table for Joomla.

But in the second solution, you get the help of a dedicated database optimization programmer to do it for you professionally and more accurately.

Note: Because the information on the site is so important, be sure to take a backup of the information on the server or host and download the backup file before you start to improve the database in any way.

12_ Do not upload the video to the host

If you are going to show videos to users on your website, it is best not to upload videos to the host where the website information is located. Because in this case, the size of the files on the host increases first, and then every time the video is played, it compresses the entire host and server. But what do you do?

practical solution

In general, there are two solutions:

The first solution is to upload the video to sites like Aparat and Tamasha and then put the link on your site. This way, there is no stress on your site host.

The second and better solution is to hire a download host or a private video host, upload the videos to it and put the link on your site.

13_ JS code loading delay!

Nowadays, JS codes have gained a lot of use and popularity on the web, and many features are written for every page of the website with the help of these codes. Now the point is that downloading the JS codes at login time will sometimes be a bit time consuming and heavy. Since many of these codes are useless at the beginning of the login, you can delay loading them. In this way, the user first enters the entire site, and then the JS code is downloaded.

practical solution

Most of the site speed booster plugins like Speed Booster Pack and Rocket plugin provide you this feature.

Pay attention to the speed of the mobile version!

Before I finish the article, I must talk about one important point. Pay attention dear friends, the number of mobile website users today is between 60 and 90 percent! This means that most of the users who enter your site, come to it with a mobile phone and not a computer. Therefore, whether to increase the speed of the site or take measures such as improving the user experience, first of all, you should pay attention to the mobile version of the computer.

The last word

Well, we have come to the end of the article. In this article, we learned about more than 10 techniques to improve the site and improve the performance of the site. Finally, if you have any questions or comments, I am waiting for you in the comments section. In addition, if you are tired of dealing with technical issues and prefer to have a CMS that will put your mind at ease about site speed, technical issues, and hosting.