8 Necessary Things You Should Implement to Improve Website Performance

Website Performance

Spread this Gem

The behavior when we search for any term on the Internet is well studied. If clicking a link on the results page, the page does not load in a reasonable time, we discard this result and move on to another. This is a proven fact.

To make matters worse this motivation, Google rewards those websites with better performance with a better SEO position.

The user experience also improves considerably when browsing the website is faster and there are no delays after our clicks. What improves your perception of quality and trust in our site.

All these aspects make it necessary to pay special attention to the WPO (Website Perfomance Optimization) and the improvement of the loading time of a website to improve the conversion of visits.

How do we optimize website performance?

The first thing we must do is determine the current speed of our website. For this there are many tools that allow us to perform a fairly complete analysis of the loading time. From Idento we recommend PageSpeed . It is a very complete tool from Google itself that offers us a very complete analysis and even dares to give us a summary of suggestions of possible optimizations that we should make.

Each page is a world, it is clear, and each one will require a series of different actions adapted to the specific case. It will also be the case that any of these actions is unfeasible or incompatible or not applicable. But the closer we are to that idyllic case, the result will be much better.

The WPO (Website Performance Optimization) is responsible for analyzing and proposing changes to optimize the loading speed of a website. And among other things is to apply tools of this type, to make a first analysis of the website. But this type of report goes a little further and should make clear to us the actions that we must apply, one by one, step by step. In addition, you must provide us only and exclusively those actions that are applicable to the type of web on which you work.

For those who do not want to invest in a good analysis, we leave below a series of general recommendations that will help increase the speed in most cases. In general, we can say that it is about reducing the number of connections between the server and the browser, and reducing to the maximum the amount of information that needs to be transferred.

1. Hosting

Choosing a good hosting is fundamental. If our target audience is in United States, it is highly recommended that the servers in which the website is hosted are also located in USA.

In this way, the connection time between the client (the browser) and the server (the hosting) is minimized.

2. Optimize the size of your images

Images, the jousts. The fewer images your website has, fewer requests against the server, and the less information you will have to download the browser to “paint” your website. What you put, try that its size (the weight in KBs, I do not speak of the width and height) is the minimum necessary for the image to look with quality.

3. Use Sprites for images

All images that are part of the structure of the website, such as icons, backgrounds, buttons, etc. It is convenient to mount them using a sprite. That is, compose all those images into one. The use of sprites improves the WPO by reducing the number of connections to the server. You can compose them by hand, or use one of the thousands of available tools.

4. Activate the compression

In most web servers (such as Apache) it is possible to activate the GZIP compression of every transmission that you make. What do you think is faster?

– download 10MBs of data that can be “painted” immediately
– compress those 10MBs to 1MBs on the server, download it, and have the browser unzip it to paint it.

In general, the second option is better and improves the WPO (Web Performance Optimization). Except for the case of VERY small files, in which compression hinders more than help. So it is a more than recommended option.

To activate this, the Apache module called mod_deflate is used. That in general is enabled and therefore available in most hosting services.

5. Compress JS and CSS

The compression of JS and CSS files is another aspect that influences the WPO. This is an example of a piece of CSS code:

body {
background-color: rgb (255,255,255);
font-family: Arial;
border-bottom: 2px solid black;
min-height: 2000px;
}

p {
text-align: justify;
}

This code is practical so organized for development, because the structure is very clear, but it is 100% equivalent to:

body {background-color: #fff; font-family: Arial; border-bottom: 2px solid # 000; min-height: 2000px} p {text-align: justify}

With this simple operation we can reduce the size of the files. It is really surprising how much can vary the size of a file with such a small change.

6. Squeeze the cache

Take advantage of the mod_expires Apache module and add a recommendation to browsers to cache (store locally) for a long time your static files that will not change. In this way, they will only be downloaded once and for the following connections they will already have these resources locally and, therefore, it will not be necessary to download them again. Thanks to this module you can get to fine-tune which elements to cache and how long.

Here you can see the details of this module: http://httpd.apache.org/docs/2.2/mod/mod_expires.html

7. Use a CDN

CDN – Content Delivery Network. It is a service complementary to the hosting, and similar to this. In a CDN we can only host static files, that is, CSS files, JS files, and images. This type of hostings guarantee a delivery of these files in record time to the browser. An example of a CDN is Amazon S3 . In addition, this type of services usually have options to replicate their contents throughout the world, in such a way that they guarantee that the static resources requested by users are always served by a server close to them (this is ideal for websites with international public).

8. Everything in its place: CSS at the beginning and JS at the end

In order for the browser to have the minimum information necessary to start “painting” the web on screen, it is highly recommended to follow this rule. If the CSS is at the beginning, once it has loaded the HTML of the web and the CSS, the browser is able to start to “render” or “paint” the web on the screen. The javascript files add additional functionalities (in most cases) whose load can be delayed when rendering the web. To do this, it is also convenient to study the “defer” attribute of the script tags, to ensure that the scripts load at the appropriate time without delaying the page painting in the browser.

Conclusion

Here are some brushstrokes of what a good Web Performance Optimization (WPO) should include. With just applying these changes you can achieve a reduction in loading time of up to 70%. There are many more things to analyze, study and implement, but with this you already have duties and you know where to start working, and why it is necessary.

I hope you find this little guide / summary helpful and you can activate the “Turbo Boost” on your website. And for any questions, you can always contact #MichaelKnight that we all know was an expert in the “Turbo Boost”

 

Author Bio

Kazim Raza is a Digital Marketing specialist  Bed Repair in Dubai and Search Engine Analyst who love socializing and playing soccer. One of his target is to guide people how to earn a living via online marketing. He says that there is a proper method to do this, and once you learn what that is, you become unstoppable

Leave a Reply

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