Add lazy loading support for images
Thanks @akmittal loading is actually really cool and useful but, for now, I'd like to avoid extending core components (this might lead to unexpected behavior if someone creates a new component by extending the image). For anyone who wants to make use of loading attribute can easily extend the image component in this w...
Read full answer below ↓Question
What are you trying to add to GrapesJS? Lazily loading support for images. Describe your feature request detailed Latest Browsers support lazy loading of images using the loading attribute. <img src="myimg.png" loading="lazy">. There are two possible values eager and lazy. If a loading attribute is not provided images loading is eager. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img Is there an alternative at the latest version?[ ] Yes (describe the alternative)[x] No Is this related to an issue?[ ] Yes (Give a link to the issue)[x] No
Answers (2)
Thanks @akmittal loading is actually really cool and useful but, for now, I'd like to avoid extending core components (this might lead to unexpected behavior if someone creates a new component by extending the image). For anyone who wants to make use of loading attribute can easily extend the image...
Thanks for reporting this, @akmittal. Great suggestion about FEAT: Add lazy loading support for images! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to selector:add for CSS selector...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3216
FEAT: Add referrerPolicy to image loading through asset manager
What are you trying to add to GrapesJS? I'm trying to add the Referer header to image loading through asset manager. Describe your feature...
Issue #3561
FEAT: Enhanced Shadow DOM Support
What are you trying to add to GrapesJS? Better Shadow DOM support, allowing developers to render GrapesJS inside a Shadow element without h...
Issue #3431
FEAT: Enable "Discussions" tab on GitHub
What are you trying to add to GrapesJS? Enable "Discussions" tab on GitHub. https://docs.github.com/en/discussions Describe your feature re...
Issue #3280
FEAT: Renderless
What are you trying to add to GrapesJS? I try to styling GrapesJS and positioning its elements (panels, buttons, canvas, etc.), it's annoyi...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.