Is there a recommended approach to creating the glider structure optimized for core web vitals?

[prathamesh-gharat]

For understanding, the view rendered before glider's javascript initializes and the view after glider's javascript initializes should be same. (no change in height, size of elements, etc).

Summarized question: Is there a way we can pre-generate the HTML structure that glider's JS generates? (If yes, then we can style the before and after init CSS easily)

[kevinfarrugia]

There was a similar issue on the React version of this component. The solution I recommended there (and I believe the same applies here) is to use CSS to layout the HTML as it would appear on the after glider-js has initialized.

Reference: kevinfarrugia/react-glider#130