BUG: Editor takes a long time to load (sometimes over 1 minute)
Question
GrapesJS version
- 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 has multiple components and plugins (e.g. carousels).
-
Wait for the editor to load.
-
Test also with a simple page with only a few blocks.
Expected result
The editor should load within a few seconds, regardless of the page complexity.
Actual result
With complex pages: loading takes up to 1m20s.
With simple pages: still slow, not immediate.
Environment
GrapesJS version: 0.22.7
Backend: Symfony 7.3
Frontend: Angular 19
Browser: [e.g. Chrome 127, Firefox latest]
OS: [MacOS / Windows / Linux]
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (3)
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
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4837
BUG: 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 #5923
BUG: GrapeJs not loading on browsers sometimes
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 126.0.1Reproducible demo link https:...
Issue #4176
BUG: Rich text editor very big icons in Firefox
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 95.0.2 (64-bit) Reproducible demo...
Issue #3947
BUG: selection box not clickable in editor
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 94.0.1Reproducible demo link https:/...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.