I can see many <!----> in the HTML, why?

[frederikhors]

Using Svelte 5 if I analyze my final HTML with Chrome Dev Tools I can see many <!----> in the HTML.

I'm using adpater-static to npm run build the project and I'm serving it with a webserver.

Why?

[lanye74]

are you inspecting the dev server? the dev server injects comments indicating elements that correspond to components. these are stripped out in your production build

try running the preview server instead—npm run build && npm run preview.

[frederikhors]

Nope. I'm inspecting the production website built with adapter-static (with npm run build).

[7nik]

These are hydration marks that indicate where components and blocks start and end when it isn't obvious so that the DOM can be correctly hydrated.