How to separate loading of critical and non-critical CSS?

[punkpeye]

I want to lazy load some CSS that is not critical for the page.

How do I that using with react-router?

[airtonix]

Looking into this too.

Probs start with Critical and/or the related vite plugin?

or use penthouse in your post build step within your cicd https://github.com/pocketjoso/penthouse

• https://medium.com/@fadingbeat/how-i-improved-my-websites-lcp-and-seo-with-critical-css-in-vite-react-vercel-257aede4f22c

[brookslybrand]

I would recommend looking into React 19's link component

I think with Vite you may also be able to just lazy import a css file. I haven't tried it yet, but I would look into options with Vite