Optimization

[mvn-luanvu-hn]

• Reduce the bundle size
• Use Lighthouse to analyze

[yannde]

Should images, icons and fonts be part of this topic or in a separate one? (most choices are related to optimization)

[mvn-luanvu-hn]

Hi @yannde
If images, icons, fonts need to be optimized, I think we can discuss here

[yannde]

• Images
  • png/jpg/webp
    • Responsive sizes
    • Progressive loading
  • svg
  • Background <> inline
  • Lazy load
• Icons
  • Library <> custom
  • svg <> icon font
• Fonts
  • Use font service (google / adobe)
  • If not using a font service
    • Use unicode range to serve smaller files in case of Japanese
    • Serve different formats ttf, woff, etc...
  • Preload fonts