Performance issues

[alvinometric]

Current behavior

Hello,

Great plugin! I've noticed a few performance problems though.

With lighthouse, the performance score was 52 for this page: https://vitepress-openapi.vercel.app/example/operations/getAllArtists.html

Desired behavior

A performance score of 90 or above

Reproduction

https://vitepress-openapi.vercel.app/example/operations/getAllArtists.html

Steps to reproduce

• Open any page generated by this plugin
• Open Lighthouse
• Look at the performance score

[enzonotario]

Hi @alvinometric , nice, thanks for bringing this up!

I think it's mainly related to the parsing stage. I'll be working on change the current implementation and trying to use more Scalar packages.

Any additional insights or help are welcome. Thanks!

[alvinometric]

Should the parsing not happen during SSR at build-time ?

[enzonotario]

Yes, it's "just" some Vue components on top of VitePress, so all SSR Compatibility applies here.

However, there are still some processes it needs to handle, such as:

• Parsing and Dereferencing the OpenAPI file to determine Parameters, Request Body, Responses, with their respective types, constraints, etc.
• Generating Examples of Request Body and Responses
• Generating Code Samples for each language

This isn't meant as a justification, but rather to provide context.

That said, when checking Lighthouse score for Galaxy Scalar, it's almost the same as vitepress-openapi One Page, which makes me think the performance is something a bit harder to achieve when dealing with OpenAPI files.

• Galaxy Scalar Lighthouse Score

• vitepress-openapi One Page Lighthouse Score

• Even Fumadocs, has a score lower than 90 (81).

That being said, I'm currently working on #172 (and future PRs) to centralize the logic in some Feature Components, integrate Scalar Parser, and then work on performance improvements.

I'm also open to suggestions on how to improve performance, so feel free to share your thoughts!