

Lazy Content Loader FrameworkLazy Content Loader Framework
Gutenberg block to lazy-load content on scroll, click, or input. Supports dynamic API data and custom templates.
Lazy Content Loader Framework
Gutenberg block to lazy-load content on scroll, click, or input. Supports dynamic API data and cu...
Overview
Lazy Content Loader Framework is a powerful yet lightweight WordPress plugin that helps you lazy-load any section of your site using a dedicated Gutenberg block. It's ideal for those who want full control over how and when content loads without sacrificing performance or SEO.
Key Features:
-
Dedicated Gutenberg Block: Wrap any content block (paragraphs, lists, headings, custom htmls, etc.) in the
LCLF Wrapper
to enable lazy loading. - Multiple Trigger Options: Load content on scroll, click, input or change.
-
Dynamic Data Fetching: Fetch JSON, XML, or raw HTML from external APIs and bind them to templates using
{{placeholders}}
. - Reusable Templates: Manage templates via a built-in modal interface. Works great for embedding dynamic data.
- SEO Friendly: Replaces placeholders on templates with actual content after load, helping search engines index your content properly.
- No Dependencies: Built with vanilla JS, optimized CSS, and modern WordPress practices.
Perfect for:
- Third-party API integrations
- Custom dashboards and widgets
- Any scenario where deferred content improves performance or UX
Installation and usage instructions are included.
Tested with the latest WordPress and Gutenberg.
Features
- Gutenberg block for lazy-loading any content
- Supports scroll, click, input, and change triggers
- Fetches dynamic data from JSON, XML, or HTML APIs
- Template engine with
{{placeholders}}
for binding API data - Manage reusable templates in a built-in modal UI
- SEO-friendly rendered output after lazy load
- Fully customizable loading states and spinners
- Lightweight and dependency-free (vanilla JS)
- Works with any combination of core or custom blocks
Requirements
- WordPress 5.9 or higher
- Gutenberg (block editor) enabled
- PHP 7.4 or higher
- Modern browser with JavaScript enabled
Instructions
- Upload and activate the plugin via the WordPress dashboard.
- In the Gutenberg editor, add the LCLF Wrapper block.
- Place any content blocks inside the wrapper.
- Choose a trigger (scroll, click, input) in the block sidebar.
-
Optionally, enter a data source URL and create a reusable template with
{{placeholders}}
. - Publish the page and test lazy loading on the frontend.
Full documentation and usage examples included in the ZIP package.
Category | Plugins / WordPress / Interface Elements |
First release | 2 August 2025 |
Last update | 2 August 2025 |
Supported CMS | WordPress 5.9, WooCommerce 8.x, WordPress 6.0, WordPress 6.1, WordPress 6.2, WordPress 6.3, WordPress 6.4, WordPress 6.5, WooCommerce 9.x, WordPress 6.6, WordPress 6.7, WordPress 6.8 |
Files included | .php, .css, Javascript .js |
Tags | template, html, wordpress, ajax, data, SEO, Block, XML, performance, json, gutenberg, dynamic content, lazy load |