Generated output suffers from "divception"

[Merlin04]

Just found Plasmic and it looks really cool, the exact sort of thing I was looking for for my personal website. However, I took a look at the generated output (on the homepage) and it seems to create an excessive number of div elements ("divception") for a given element.

The "sign up" button, which would ideally be a single a tag:

The div with a couple headers and a button at the top of the page, which would ideally be a single div tag with h1, p, and a tags as children:

This is also causing Pagespeed Insights to complain:

This greatly increases network payload and makes layout harder to debug for no benefit to the user - I'm not sure I feel comfortable using Plasmic until this is resolved. Maybe as a stopgap solution some sort of html cleaner could be put in front of the output, if that exists?

[yang]

Thanks for the kind words and for sharing this feedback!

We're definitely thinking about how to tighten up the output. Some of the challenges here are around keeping an intuitive layout and styling system within the visual editor at the same time. For instance, we insert extra div wrappers in order to simulate cross-browser-compatible flex gap. And supporting slots where the text you pass in must be style-able means an extra div for that as well.

All that said, we think there are solutions here. However, in terms of timeline, we're trying to tackle things in descending priority order—there are a few other optimization work that come a bit higher on the list, but this is definitely on the roadmap.