Page Load - Navigation (Browsing)

Browser

About

navigation is the first point in time of a page load.

This is the trigger of the page load.

It happens when clicking:

  • on a anchor (hyperkink)
  • on a submit form
  • on any element (such as button) that listens to a click and navigate away with one of the window.location interface 1) method or properties such as location.href, location.assign(url), …

All this navigation action will create a HTTP GET request.

This timed event is used as the start time of the First Contentful Paint (FCP) metrics.

1)
https://html.spec.whatwg.org/multipage/history.html#the-location-interface




Discover More
Devtool Chrome Event Listener
DOM - Click Event (OnClick)

1001 ways to handle a the click event. The click event occurs when the pointing device button is clicked over an element. The onclick on attribute may be used with most elements. A click is a mousedown...
HTML - Browsing context (Environment)

A browsing context is a navigational context (environment) in which HTML document are rendered to the user. Each browsing context has: its own variable its own cookie its own dom and eventually...
Http Status 304 Chrome Devtool
HTTP - Redirect (status codes 3xx) - Client must take additional action

The HTTP 3xx class of status code indicates that the client (user or user agent) must take additional action to complete the request. The redirect url is defined by the location header. A user agent...
Browser
Largest ContentFul Paint (LCP)

is a web core vital metrics of page load that measures the time: from navigation to the time when the browser renders the largest image or text block visible within the viewport (ie above the fold)...
Browser
Page (Load|Speed) Metric - First Contentful Paint (FCP)

First Contentful Paint (FCP) : is a page load timing metrics that measures the time: from navigation to the time when the browser renders the first bit of content from the DOM (which may be text,...
URI - Fragment (Ref, Reference)

The fragment is the last part of a URI An URI has the following syntax with the #fragment being the fragment The value of the fragment must be encoded. The fragment will cause the browser to scroll...
Page Loading Key Moment
Web - Timeline of a page load (Page Speed|Page Latency)

Page load is the latency performance metrics that cumulates: TCP latency (ie how fast, the network will receive the HTTP request and send back the HTTP response ) HTTP latency (ie how fast the web...



Share this page:
Follow us:
Task Runner