Speed up site loading to help increase search result

shape
shape
shape
shape
shape
shape
shape
shape

How to speed up site loading?
10 real ways

The loading time of the portal affects the number of applications from your web resource. Today we will tell you how to track download speed and speed up the site.

Optimal performance

Yandex reports that the vast majority of people leave the site if it loads for more than 3 seconds. 79% of users will not go to the site anymore if they are not satisfied with the speed of its opening at the first visit. And just one extra second lowers the conversion by 7%.

What is the optimal duration for opening a site? Strangeloop company statistics are as follows:

  • 1 second – perfect;
  • 2-3 – normal;
  • 4-7 – revision required;
  • 8-10 – bad;
  • 11 and longer – immediate work is required to optimize the loading of the site.

The shorter the opening time of a web property, the higher the conversion. Moreover, the download should be equally short for both desktop and mobile devices. 85% of smartphone and tablet users expect the same download speed from the mobile version of the site as on a PC. Not getting a normal result, they leave the site.

Programs for measuring speed

A popular way to check metrics is to use Google PageSpeed ​​Insights. The service works simply: you download the URL of a web resource and get an estimate. If it is below 50, then the result is bad, if above 90 – excellent. Below are recommendations for optimizing site speed.

PageSpeed ​​alone should not be limited. To complete the picture, you should use a number of other services. For example, these are GTMetrix , PingDom , WebPagetest , Dareboost and others. Most programs not only give an estimate, but also tell you how to make the download faster.

But how to speed up the download yourself? There are 10 easy ways.

Method 1. CSS files in the header

Include css files at the top of the page. So you will get a gradual re-rendering, since the pages will load gradually: first a title, then a logo with navigation, etc. All this serves as a loading indicator for the client and will improve the impression of the site. If you put css files in the “basement”, browsers will begin to be capricious. They need to re-form the elements that changed their style after loading. To do this is problematic. Therefore, css elements need to be connected at the top, head section.

Method 2. Javascript at the end of the page

Let the browser first load the page with the content, and only then the javascript files. To do this, put these files at the bottom of the page. But here it is important not to overdo it. For example, your site contains many interactive “lotions”, which is why some files weigh under hundreds of kilobytes. It is disastrous to leave the user waiting until all your files are downloaded. In addition, parallel loading is blocked by external js files. How to speed up the loading of the site in this case? The HTTP / 1.1 data indicates that browsers should simultaneously unload a maximum of 2 page components from a single host. It turns out that if the pictures for the site are located on different hosts, you provide more than 2 parallel downloads. The browser will not start other downloads when the script loads.

Javascript at the end of the page

Method 3: Reduce the number of HTTP requests

80% of the load is related to the loading of components: images, scripts, flash, CSS, etc. Remember HTTP / 1.1 again: browsers must unload at most 2 page components from a single host. By reducing the number of components, we reduce the number of HTTP requests to the server. But how to speed up the site without affecting its appearance? There are several ways:

  • Compose multiple files into one. If more than one js or css file is connected on the page, try combining them into one.
  • Using CSS sprites. This is a combined image containing several small images.
  • Using Inline Pictures. The image is embedded in the page itself using the data URL scheme. But this will increase the HTML size of the document.

Method 4. Reduce css and javascript

Remove all non-essential files from the code in order to reduce its size. The shortened file does not contain comments, insignificant spaces, tabs or line breaks. The smaller the file weighs, the less time it takes the browser to download it. To shorten the code, there are many different programs.

Method 5. Using the browser cache

How to increase site loading speed using browser cache? You need to correctly set the HTTP Expires header to the .htaccess file, which is located in the root folder of the site. When the user first visits your site, the browser will download all css and javascript files. This will make the page elements cachable. When you visit the site again, the browser’s cache will already have all the necessary elements, and the site will open faster.

Method 6. Using subdomains for parallel download

If the website has a lot of graphics, it should be moved to a separate subdomain (remember the HTTP / 1.1 specification). The browser will consider this as having multiple servers. How to speed up page loading several times? The algorithm here is simple: the more you create subdomains, the more files the browser will upload at the same time. In this case, your task is to change the address of the images to a new one.

Method 7. Image Optimization

Determine the appropriate format for the pictures. Choosing the wrong format will significantly increase the file size. You can choose:

  • GIF Suitable for pictures with a small number of colors.
  • Jpeg. Suitable for bright detailed pictures.
  • PNG. Choose this format if you need a high-quality image with transparency.

Method 8. Download javascript libraries using CDN

A CDN is a multitude of web servers that are specially located away from each other to achieve the highest speed of downloading content. If the site has a large javascript framework, then use the CDN to connect it. This is a simple but effective way to resolve the issue of how to make a website load quickly.

Method 9. Using Gzip Compression

If you keep archived copies of files on the server, you will be able to provide a connection 3-4 times faster. Gzip compression is an excellent website accelerator. Compressing text files on the fly in the vast majority of cases reduces the time it takes to transfer the file to the browser. Starting with the HTTP / 1.1 protocol version, web clients indicate which compression types are supported.

Method 10. Opt out of image scaling

Do not resize images using CSS or the width and height attributes of the tag. This negatively affects page loading. If you are wondering how to reduce the size of the site, use the Photoshop graphics editor when changing the image. Moreover, the smaller the weight of the image, the less time it takes to download it.

What do you need to remember?

Having worked through each of the listed items, you will reduce the duration of loading a web resource. But remember that website acceleration is only part of the optimization process.

Do not overdo it in the pursuit of eliminating the extra seconds. Pictures should be of good quality, navigation convenient, and information useful. Even animations on the site are a useful thing. Do not allow a situation in which a faster download will cause a further drop in conversion.

Leave a Reply

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