Page Load - Navigation (Browsing)

Browser

Page Load - Navigation (Browsing)

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




Recommended Pages
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

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...
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,...
Card Puncher Data Processing
UI - Scrolling

Scrolling means moving a visual component (text, image, ...) into view. A scrolling mechanism that is visible on the screen may be: a scroll bar or a panner It can be done with: navigation...
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