PageSpeed Matters
    Speed Audit
    Let's Talk
    PageSpeed Matters
    Book a Call
    Interactivity & Rendering · Glossary

    Critical Rendering Path (CRP)

    Matt SuffolettoWritten by Matt Suffoletto
    Published June 26, 2026
    Critical Rendering Path
    Share

    TL;DR

    The critical rendering path (CRP) is the sequence of steps the browser performs to convert HTML, CSS, and JavaScript into pixels on the screen, including DOM construction, CSSOM construction, render tree assembly, layout, and paint.

    What is Critical Rendering Path (CRP)?

    The critical rendering path (CRP) is the sequence of steps the browser performs to convert HTML, CSS, and JavaScript into pixels on the screen, including DOM construction, CSSOM construction, render tree assembly, layout, and paint.

    Learn more in our how to improve the critical rendering path guide, or work with us through our done-for-you speed optimization service.

    How CRP is Measured

    The path can be inspected with the Performance panel in Chrome DevTools and the Coverage tool.

    Related Terms

    Sources