How to analyze the loading speed and performance of a website

When we talk about the loading speed of a web page, we refer to the time it takes to display in the web browser, taking into account the elements that make it up. It is very important that this time is short, so that the visitors will not despair and, consequently, will not leave the website at the first opportunity.

There are several factors that influence this speed: the weight of the content, the server’s response, the execution of the code, the loading of external elements, or the minification of CSS and JS files, among others. There are some tools that allow us to find out this speed or component loading time, as well as indicate everything that must be corrected.

Pingdom Website Speed ​​Test

It does a complete check of the page, including all the objects: images, CSS, JavaScript, frames… You just have to write the URL of the page to analyze. After a few seconds you can see the results.

In addition to some graphs that will show the loading time of each element, you can also see the URLs of each one and their size in KB. At the bottom is a table with information about the time spent downloading all elements, the total number of objects and their size, the number of external objects and their size, and the number and size of (X)HTML, RSS/XML, CSS, Scripts, Images, Plugins, Redirects and other elements, which we have not included in the list.

This tool has not been updated for a long time. This means that many of the options indicated above are not displayed. What is visible is the score, the size of the page, the loading time and the number of requests made. It also indicates what is necessary to improve page performance, response codes, and content size by type.

Access: Pingdom Website Speed ​​Test

PageSpeed ​​Insights

This is the service that Google offers to webmasters in order to optimize their pages to get them to load quickly. This tool analyzes the content and measures the loading speed of any web page. It shows the information referring to mobile devices and computers.

In addition to displaying a rating, out of a maximum of 100, it lists a series of actions that can be taken to make the page more accessible. It will show fixes that can be done with CSS and JavaScript files, specify browser cache, minimize redirects, merge images into CSS mobile objects, and much more.

In the version implemented some time ago, an Evaluation of the main web metrics is shown , indicating whether or not they are exceeded. It is made for both mobile devices and computers.

Access: PageSpeed ​​Insights

GTmetrix

It is another of the great services for the same purpose. Shows the GTmetrix Grade . It indicates the Yield and Structure in percent. It also shows the time it takes to load the page, the total block time, and the cumulative displacement of the layout.

If we want to find more results, we must scroll down and select the appropriate tab. Thus, for example, if we click on Structure , we can analyze the loading time of each element.

Access: GTmetrix

WebPagetest

It performs a complete analysis showing information about the first paint with content, the load time, the speed index, the time it takes to start rendering, and the time until the first byte.

The first sample, after examining a page, is the one that corresponds to the loading time (Load Time). In the report you can see first byte, start rendering, FCP, rate of speed, OTC, and total bytes.

Access: WebPagetest

Conclusion

They are not the only existing tools, there are more, but with the ones we offer any webmaster will be able to have everything they need, or almost everything, to assess their website or websites and make, if possible, the necessary changes or corrections to optimize it. or optimize them.