optimization

Optimize web performance

• Minifying css, js file
• Browser caching, header:
  • Set di header network

   // Instructing the Vercel edge to cache the file
  res.setHeader('Cache-control', 'stale-while-revalidate, s-maxage=3600')

  • OR redis
• Compress image to webp
• Lazy load, Code Splitting: hanya load komponen yg dibutuhkan React.lazy,
• Use CDN
• Server Side Rendering/SSG:

Additional Reading

• https://engineering-natserract.vercel.app/posts/react-optimization
• Caching - RxDB (Reactive Database), Client-side reactive database library https://rxdb.info/