Optmizing Critical Rendering Path

Browser Optimizations and custom optimizations to improve the CRP

Resource loading optimizations
Part of Series: Critical Rendering Path
Table of Contents

The preload scanner

The preload scanner is a browser optimization in the form of a secondary HTML parser that scans the raw HTML response to find and speculatively fetch resources before the primary HTML parser would otherwise discover them. For example, the preload scanner would allow the browser to start downloading a resource specified in an <img> element, even when the HTML parser is blocked while fetching and processing resources such as CSS and JavaScript.

Optimizing CRP

The general sequence of steps to optimize the critical rendering path is:

Action Items