Session 11 – Criteria in Browser Timings

Introducing Redirect Duration, Connection Duration, Fully Loaded Time and …

In this tutorial, we are going to say in simple language what are the existing Browser Timing criteria inside the Gtmetrix tool and what to do with these errors? How to improve?

The author of this article is me, Pouria Ariafar from SEO teaching, this is not a translation article from other sites, we tried to gather a good article for you from the knowledge and experience we had along with a series of reputable sites. We are happy to be with us.

Browsers, especially Chrome, have a number of important timelines and milestones that make sense and are reported in browsers, and most of these are in Browser Timings. we start:


Check Browser Timings in Performance Report

You should know that none of the times in this section are related to the GTmetrix update, and in the previous version of this tool, all of these items were visible in the Timings tab.

This is the timeline of milestones reported by the browser

What is Redirect Duration?

Redirect Duration: If the redirect was done before entering this page, the time will be specified in this section. Otherwise, we see the number zero (like the picture above).

It is a mistake that friends do not enter their site accurately in site speed testing tools like gtmetrix. For example, SEO teaching site is https without www, ie, and it is better not to enter my site with http, because this issue itself causes a 301 redirect, and why should I create a 301 redirect, while I can do it with direct https? Enter my site? Redirect is good for SEO but it slows down.

In the picture above, our third request is code 200 and is ok, and this shows that we do not have a redirect, but the first request is 301 and move.

What is Connection Duration?

Connection Duration: After a redirect (if any), the amount of time it takes to connect to the server to make a request is called Connection Duration. During this time, the page is still empty and nothing is displayed. In this case, we have DNS Lookup, which means that the IP server must be found at this stage to pave the way for sending information.

We have a comprehensive article about improving DNS lookups. It is recommended that you read it useful.

The above shows that if you do not have a redirect, ie the Redirect Duration is zero, you are one step ahead and you are in the Connection Duration stage.

Connection Duration is the green part of Waterfall called Connecting.

Also, everything in Sending and SSL mode is related to Time Connection. Sending especially when our source (CSS or JS or image) encounters a 404 error.


What is Backend Duration?

Backend Duration: We assume that the redirect was done and then the connection to the server was done along with sending the request to the server and now it is time to respond from the server, the server must respond to this request. The time it takes to generate this response is called the Backend Duration.

Backend Duration is the purple part of Waterfall that is called Wating. How to optimize Connection Duration?

1- Optimizing site backend codes
2- Caching site pages as well as some useful information in the database
3- Increase the hardware resources of your host or server.

For more information, you wanted to read this link from the gtmetrix site.


What is TTFB?

TTFB: Whenever we talk about speed, TTFB comes in the middle, the time required to receive the first byte of the response sent by the server. TTFB is one of the key metrics in the discussion of site speed, which is what we talked about in detail in the article What is TTFB.

The sum of the 3 items above is TTFB, meaning the formula is as follows:

Redirect Duration + Connection Duration + Backend Duration = TTFB

So it is better to improve the above three to fix TTFB.


What is First Paint?

First Paint: We talked about First Paint in the same article while reviewing First Contentful Paint and said that it is when the browser does the first rendering on the page. At this point, the user may see a change in the page.

In the new version, GT Matrix FC is not in the Waterfall section, however, it is one of the criteria in Browser Timings and it measures.


What is DOM Interactive Time?

DOM Interactive Time: This is the time when the browser has finished loading and parsing the HTML document. In the new version, this item is no longer in the Waterfall section, however, it is one of the criteria in Browser Timings and it measures.

Be sure to read and read about Avoid an excessive DOM size error related to the new GT Matrix.


What is DOM Content Loaded Time?

DOM Content Loaded Time: This is the time when the DOM is ready and no CSS or Stylesheet file stops running JavaScript. In the new version, this item is no longer in the Waterfall section, however, it is one of the criteria in Browser Timings and it measures.


What is Onload Time?

Onload Time: When page processing is complete and all page resources (such as images and CSS files) are downloaded, it is called Onload Time.

It is a very practical criterion.

In this case, the DOM is completely finished and window.onload is executed in JavaScript.


What is Fully Loaded Time?

Fully Loaded Time: After Onload time, requests for more resources may be sent. For example, JavaScript files may start sending subsequent requests, and this may require us to measure other times called Fully Loaded Time.

Fully Loaded Time is the sum of all the following:

  • First Paint
  • First Contentful Paint
  • Onload Time
  • Largest Contentful Paint
  • Total Time to Interactive
  • Last request captured

Of course, many of these are in the Speed Visualization section of the Summery price on GTmetrix:


Summary Browser Timings

Many of the above are highly interdependent, as well as not a two-expertise, and some may require a server expert, a programmer, an SEO, a front-end expert, and so on.

Be sure to follow the tutorials for fixing SEO teaching gtmetrix errors. Or if you are interested in technical SEO, follow the technical and technical SEO topics.

Leave a Comment