Performance-Problem beim Ziehen der Komponente auf die Canvas, wenn man 2K-Komponente auf der Canvas hat
aber.... Füge 2000 Dom-Elemente mit irgendeinem Grund-Styling zu einer Seite hinzu, und du bekommst Lag? Das ist vielleicht nicht das Werkzeug, sondern wie wird es verwendet? Überprüfe außerdem die Rendergeschwindigkeit deines Browsers im Verhältnis zu deinem PC – http://speed-battle.com/speedtest_e.php https://www.we...
Lesen Sie die vollständige Antwort unten ↓Frage
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Google Chrome Version 101.0.4951.41 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link https://jsfiddle.net/Laze0pyg/Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie 2k Komponenten mit dem untenstehenden Skript hinzu.'for(let i = 0; i<2000;i++) editor.addComponents('<div>ABC</div>');'Versuche, Text Block auf die Leinwand zu ziehen. Was ist das erwartete Verhalten? Es sollte keine Verzögerung geben. Wie ist das aktuelle Verhalten? Der grüne Linien-Platzhalter hinkt JS Fid...
Antworten (4)
aber.... Füge 2000 Dom-Elemente mit irgendeinem Grund-Styling zu einer Seite hinzu, und du bekommst Lag? Das ist vielleicht nicht das Werkzeug, sondern wie wird es verwendet? Überprüfe außerdem die Rendergeschwindigkeit deines Browsers im Verhältnis zu deinem PC – http://speed-battle.com/speedtest_...
Mit der neuesten Version, die das Refactor des Sorters von @mohamedsalem401 enthält, scheint die vorherige Demo jetzt 🥳 einwandfrei zu funktionieren
https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 I have the same problem, and I don't think it is due to the size, I am using the pageManager and I preload an html template and trying to drag new elements to the canvas it happens that the canvas only inserts...
Danke, dass du das gemeldet hast, @mohdSuhailCoditation. Gute Frage zum Performance-Problem beim Ziehen von Komponenten auf Canvas, wenn du 2K-Komponente auf Canvas hast. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokument...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3861
JS-Fehler beim Drücken der "s"- oder "w"-Taste – Kann keine undefinierten Eigenschaften lesen (liest 'indexOf')
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 94.0.4606.81 (...
Problem #6143
BUG/[FRAGE]: Wie wickelt man eine Komponente korrekt beim Add/Mount?
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v128 Reproduzierbarer...
Problem #6096
Größenvergrößerbare Box verschwindet bei der Neuauswahl der Komponenten
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #5990
Wenn du eine Komponente löschst, werden doppelte Klassen zwischen Komponenten gelöscht.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 126.0.6478.127(Windows...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben – von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, Zeitpläne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.