Find the images blocking the first render

Performance and SEO teams reach for it when the first render is slow and off-screen images may be holding the page back.

Find the images blocking the first render. The result stays in your browser, ready to review, copy and adapt without an account or any transfer of your input.

How to use

  1. Paste the HTML of the page you want to audit.
  2. Run the audit to find images present in the first render.
  3. Review the images that should not load immediately.
  4. Add lazy loading to images that sit outside the initial viewport.

Example

An SEO specialist notices that a homepage takes too long to show its main content. They paste the HTML, run the audit and spot footer images loading early. Those images are switched to lazy loading before the page is tested again. They also make sure the main image stays a priority so the first view is not harmed.

Input

<img src="hero.jpg" alt="Hero">
<img src="icon.png" alt="Icon">

Limits and formats

Where processing happens

The pasted HTML is examined inside your browser. No external request is made and the audited page is not fetched by the tool. The report stays local until you leave the page.

Frequently asked questions

Does the tool visit my website?

No, it does not load your page from a web address. You copy the HTML into the input yourself. The audit therefore covers only the markup you provide and does not run page scripts.

Which images should be lazy-loaded?

Focus on images lower down the page that are not needed for the first view. Header images or the main product picture often need to load immediately. Check the result on a real screen.

Why is an image missing from the report?

It may be added by JavaScript, used as a CSS background, or loaded by a third-party component. The audit only sees the HTML you paste. Use browser developer tools to complete the picture.

Tools in the same category