🖼️ SEO

Images Without loading=lazy Extractor

Parses pasted HTML and lists images missing loading='lazy' — actionable hints for Core Web Vitals.

HTML Result

—

Which images on the page still load all at once

The lazy loading attribute tells the browser to fetch an image only when it is close to entering the viewport. On a page with thirty images where only three show without scrolling, that is the difference between downloading everything immediately and downloading a tenth of it. Every current browser supports it natively, with no library involved.

Paste the HTML and the page separates the images that already carry the attribute from those that do not, listing the source and alt text of each. The analysis uses the browser's own HTML parser rather than a regular expression — which matters because attributes in a different order, single quotes or a badly closed tag would break a regex and do not break this.

The recommendation is not to mark everything. Images visible in the first frame, especially the largest one, should load immediately: deferring what is probably the largest contentful element makes worse exactly the metric you meant to improve. The rule of thumb is leaving the top two or three without the attribute and marking everything else.

Frequently asked questions

Does lazy loading hurt SEO?

Not when done through the native attribute. Google renders the page and scrolls to the bottom, so it sees the deferred images. What does hurt is a JavaScript implementation that only swaps the source after a scroll event the crawler never fires — there the images stay invisible to indexing.

Why not mark the image at the top?

Because the attribute makes the browser defer the decision to fetch, and that adds delay to precisely the image that is usually the largest contentful element. The measured effect is a worse time to that paint — the opposite of the intent. For that image the right move is the reverse: prioritise it explicitly.

Is there an equivalent for iframes?

There is, with the same attribute, and the gain tends to be larger: a video or map iframe pulls hundreds of kilobytes and a whole chain of requests. Deferring below-the-fold iframes is among the best-returning optimisations per line changed.

Related Tools

🏷️

Microdata Schema Extractor

Extracts schema.org microdata (itemscope, itemtype, itemprop) from HTML and converts it to equivalent JSON-LD.

🔗

Link rel='' Attribute Extractor

Lists every <a> in an HTML and classifies by rel tokens (nofollow, ugc, sponsored, noopener, noreferrer).

🏷️

Complete Meta Tags Generator

Complete meta tag set: charset, viewport, description, OG, Twitter, theme-color, canonical and hreflang.

📊

Keyword Density

Count word and bigram frequency in a text and see density (%). Useful for on-page SEO and content optimization. Everything in your browser.

📱

Viewport Meta Mobile Check

Checks whether a viewport meta snippet contains width device-width initial-scale 1 for mobile-friendly.

🎯

Canonical URL Generator

Generate the <link rel="canonical"> tag with the preferred URL. Helps avoid duplicate content and consolidate page authority on Google. Everything in your browser.