Perf talk

perftalk.md

Network time vs JS eval time vs JS at runtime

• Network time: DNS, TCP, TLS, data transfer

• High Performance Browser Networking

  • https://hpbn.co/

• "Network protocols for anyone who knows a programming language, 20 minute read"

  • https://www.destroyallsoftware.com/compendium/network-protocols?share_key=97d3ba4c24d21147

Waterfall

• Move all requests left
• Vertical waterfall better than horizontal

Interdependencies: What is blocking what

• JS blocking HTML parser (70s blocking demo, waiting for onload)
• CSS, JS blocking each other
• async defer etc https://gist.github.com/jakub-g/385ee6b41085303a53ad92c7c8afd7a6

Prefer small libs

• https://github.com/angus-c/just (https://github.com/angus-c/just/blob/master/TRADEOFFS.md)
• https://twitter.com/addyosmani/status/1047010157564190720?lang=en