Lazy Load Elements - Lazyline Docs

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:

Moves src to data-src (and srcset to data-srcset)
Wraps the element in a .lazyline-wrapper div
Injects the selected preloader and LQIP placeholder
When the element enters the viewport, the real source loads and the placeholder fades out

Last updated 5 Apr 2026

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.