Which Url Get Flagged as Render-Blocking Resources?

Lighthouse flags two types of render-blocking URLs: scripts and stylesheets. A <script> tag that: Is in the <head> of the document.

What is render blocking URL?

Render blocking resources are static files, such as fonts, HTML, CSS, and JavaScript files, that are vital to the process of rendering a web page. When the browser encounters a render blocking resource, it stops downloading the rest of the resources until these critical files are processed.

Where can I find render blocking resources?

To identify render-blocking resources:
  1. Look for non-critical resources loading before the start render line (via webpagetest.org).
  2. Test removing resources via Google Dev Tools to see how page content is affected.
  3. Once identified, work with developers to find the best solution to defer render-blocking resources.
James H. Sterling

James H. Sterling

Environmental Science & Climate Journalist

James Sterling reports on renewable energy developments, climate policy, ecological conservation, and green tech innovations around the globe.