Skip to content

Optimizations #100

@tomchen

Description

@tomchen

The idea is to: prevent re-renders, minimize code execution during re-renders, use imperative code to update heavily updated components if needed, use stable CSS instead of CSS-in-JS, lazy-load what can be lazy-loaded, remove useless code in bundle

  • Images (better upscale with Real-ESRGAN, better minification with squoosh)
  • Use CSS as much as possible instead of JSS
  • Use imperative code to rewrite AnimatedNumber (Optimize AnimatedNumber #95), tooltip (Rewrite tooltip #103), etc.
  • Tower/Wall CSS anim
  • Tower/Wall rerender
  • Card pos CSS anim, context rerender
  • Card rerender
  • Resource and Resource Production rerender
  • Lang change
  • Some other react components' rerender
  • Remove some useless code in bundle

See also #109 Lazyload multiplayer code

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementImprovement, likely to do & usually with higher priority than "idea"low priorityLow priority

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions