Web optimization

  • SVG files might contain PNG files data:image/png;base64

    • It's best to export them as PNG

    • use Google's Squoosh and with the power of wasm to get web-ready image

    • exported as JPG files

  • Javascript has two clocks: performance.now() and new Date().

    1. performance.now() is significantly more precise. new Date() is precise to ±1ms, whereas performance.now() is precise to ±100μs. (Yes, microseconds!)

    2. performance.now() is strictly monotonic. In other words, it can never go back in time. If your machine time changes, new Date() will also change — ruining your data. But performance.now() will just keep counting.

References:

https://blog.superhuman.com/performance-metrics-for-blazingly-fast-web-apps-ec12efa26bcb