v0.20.0 - Optimizations

This is the first CodeImage version which mainly focus on improving bundle size and page loading. v0.20.0 is the first step following the hackathon end that manage to fix a part of the choices that had been made during the first months of development

• Most of the packages has been reorganized, dividing the build content into several chunks to be loaded lazily.
• Thanks to Suspense, each portion of the page that need to be rendered in an asynchronous way, will show a custom skeleton loading fallback until it's ready for use.

Note Enabling the cache, loading will be significantly faster and loading will be halved. Service worker is currently disabled
Screenshot used for the the gif above have been made using "Slow 3G" and disabled cache, so each assets including fonts were loaded the first time

What's Changed

• perf: refactor @codeimage/theme with chunk splitting by @riccardoperra in #280
• perf: add theme switcher lazy loading w/ suspense by @riccardoperra in #283
• perf: split CodeMirror plugins in chunks by @riccardoperra in #284
• perf: performance optimizations by @riccardoperra in #281

Performance results

Desktop (before)

Desktop (After)

Mobile (before)

Mobile (After)

Full Changelog: v0.19.2...v0.20.0