WP Lazy Content Loader

Descriptions

Overview

Lazy Content Loader Framework is a powerful yet lightweight WordPress plugin that enables lazy-loading of 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.

The plugin provides a seamless way to defer content loading, improving page speed and user experience while maintaining search engine visibility.

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 events
• 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 user experience

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 are included in the ZIP package.