Lazy Content Loader Framework

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

1. Upload and activate the plugin via the WordPress dashboard.
2. In the Gutenberg editor, add the LCLF Wrapper block.
3. Place any content blocks inside the wrapper.
4. Choose a trigger (scroll, click, input) in the block sidebar.
5. Optionally, enter a data source URL and create a reusable template with {{placeholders}}.
6. Publish the page and test lazy loading on the frontend.

Full documentation and usage examples included in the ZIP package.