Editor takes a long time to load (sometimes over 1 minute)
Thanks @MisterKeyboard for providing the JSON. Your project contains 10K style rules, which is a lot, but still, I'd not expect the load to be impacted that much. @mohamedsalem401 I think we need to verify if data source related changes (eg. StyleableModel.set) are not impacting too much there š¤
Read full answer below āQuestion
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://grapesjs.com/demo.html Describe the bug Description The editor has very slow loading times. On complex pages (e.g. homepage with many elements and plugins such as carousels), it can take up to 1 minute 20 seconds to fully load. But even on pages with only a few elements, the loading is still noticeably slow (several seconds). This performance issue makes the editor difficult to use in production. Steps to reproduce Open the GrapesJS editor with a page that ha...
Answers (4)
Thanks @MisterKeyboard for providing the JSON.
Your project contains 10K style rules, which is a lot, but still, I'd not expect the load to be impacted that much.
@mohamedsalem401 I think we need to verify if data source related changes (eg. StyleableModel.set) are not impacting too much there š¤
@artf Will take a look and give an update on this.
@MisterKeyboard can you share the JSON of the project so we can verify that
The slow loading time of GrapesJS, especially with complex pages, is a common challenge in rich web editors. It stems from the extensive processing required to parse, render, and make editable a large and intricate HTML structure. While GrapesJS is highly optimized, the sheer volume of DOM elements...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4837
HTML elements ids are incremented on different pages loaded in projectData
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 109 Reproducible demo link https:/...
Issue #5003
Slow absolute drag on Chrome
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 111 Reproducible demo link https://...
Issue #6211
Too much recursion
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 131.0.2 Reproducible demo link htt...
Issue #5556
Too many classes will cause the webpage to crash
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo...
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
Introducing GJS.Market Services: ship your GrapesJS editor without the integration risk
It's everything that usually eats weeks of engineering time, scoped and priced up front. No open-ended hourly surprises.
Tutorial
How to integrate GrapesJS into an Astro app (complete guide 2026)
Embed GrapesJS in an Astro site: mount it in a client-side script, save content to an Astro API endpoint, and export clean HTML/CSS.
Tutorial
How to integrate GrapesJS into a Django app (complete guide 2026)
Embed GrapesJS in a Django project: render the editor in a template, persist content to a view with CSRF, store the project JSON, and export HTML/CSS.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.