Browser - Render blocking resources

Browser

About

All resources that are before the DomContentLoaded event are blocking the construction of the DOM. They are therefore known as render blocking resources

They all have a render blocking attribute.

Example

All HTML fetch elements are by default blocking if they don't use any asynchronous resources fetch instruction

Example:





Discover More
Browser
Browser - DOMContentLoaded event (page load)

DomContentLoaded is a page load event that signals that the parser has finished the construction of the DOM. The resources at the left or touching the blue line are blocking the construction of the DOM....
Browser
What are the asynchronous Media Resource Fetch attribute ?

This page lists all fetch instructions (hint) that can be given to a media resources (stylesheet, script, font, image, ...) in order to speed up the loading of a web page
Html Script Async Vs Defer
What is the difference between the Async and Defer Script attribute ?

The script HTML element has two asynchronous loading method that may be chosen via the presence of the async or defer attribute. Asyncdeferresource fetch instructions In a page load, the following...



Share this page:
Follow us:
Task Runner