## Lazy Load Elements Product: Lazyline – Innovative Lazy-Load & LQIP WordPress Plugin URL: https://hub.jkdevstudio.com/docs/lazyline/settings-reference/lazy-load-elements Updated: 2026-04-05 Summary: Control which HTML elements get lazy loaded — images, background images, videos, and iframes. Each element type can be toggled independently. This page controls which HTML elements get lazy loaded. Every element type can be toggled independently - enable only what your site actually uses.

## Element Types

Element	What it targets	Default
Images	Standard `<img>` tags	On
Backgrounds	Elements with CSS `background-image`	On
HiDPI Backgrounds	Retina `background-image` with device-pixel-ratio media queries	On
Multi Backgrounds	Elements with multiple `background-image` values	On
HiDPI Multi BG	Retina + multiple backgrounds combined	On
Videos	`<video>` elements (poster and src)	On
Sources	`<source>` elements inside `<picture>` or `<video>`	On
Posters	Video poster attributes	On
Iframes	`<iframe>` elements (YouTube embeds, maps, etc.)	On

If your site doesn't use videos or iframes, disabling those types saves a small amount of processing on each page load. Leave **Images** and **Backgrounds** on for most sites.

## Post Types Choose which post types get lazy loading applied. **Pages** and **Posts** are enabled by default. Any custom post types registered by your theme or plugins appear here automatically.

Disabling a post type means lazy loading won't run on that content type at all - useful if you have a landing page builder or custom template that handles images differently.

## How It Works For each enabled element type, Lazyline PRO: 1. Moves `src` to `data-src` (and `srcset` to `data-srcset`) 2. Wraps the element in a `.lazyline-wrapper` div 3. Injects the selected preloader and LQIP placeholder 4. When the element enters the viewport, the real source loads and the placeholder fades out