PageSpeed Matters PageSpeed Matters
    See Pricing
    See Pricing

    Interactivity & Rendering · Glossary

    Critical Rendering Path (CRP)

    Matt Suffoletto

    Founder & CEOPublished

    On this page
    Critical Rendering Path

    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.

    Share

    Written by

    Matt Suffoletto

    Founder & CEO

    Sources

    Ready to Get Started?

    Get your site optimized in as little as 3 days. From $500.