Optimization

[konhi]

Front-end

• [ ] https://nextjs.org/blog/layouts-rfc: this will allow us to use Automatic Static Optimization when fetching in _app.tsx. We can do it with nextjs-preval if we go to production before layout RFC.
• [ ] Remove Chakra UI: it takes several kbs, and we don't really have to use it
• [ ] Longer caching for images from Strapi: since we add hash to every url, it can be cached permanently, but it seems to be hard on Next.js/Vercel
• [ ] Layout Shift: on smaller devices, there's layout shift related to masonry css - we might want to disable it somehow when it's mobile device
• [ ] React to Preact: this should save us several kbs, but it might be uncompatible
• [ ] SVG logo
• [ ] Further image optimization
• [ ] Smaller bundle: npm run analyze
• [ ] Dynamic Import: e.g. Footer

• PageSpeed Insights Report