Poor CSS performance for long documents

[Laci556]

Hey! We're integrating TipTap into our application and ran into some performance issues. We are dealing with long documents (about 50-200 pages) and simply editing inside paragraphs is fine, but adding newlines or deleting them causes massive lag spikes (the rendering takes 40-50ms for a 90 page doc).

We are using React with TailwindCSS. The React component itself doesn't rerender, and we've stripped away every other element from the page. When a new DOM element is added (e.g. empty p tag on pressing return) the whole editor needs to be repainted which causes the lag. It's most likely an issue with ProseMirror, but I wanted to see if anyone else has faced similar bottlenecks / how are you dealing with long documents? The 200k word example on TipTap's page is impressive, but it doesn't use any extensions other than StarterKit and has no styling.