Abstract:

Building instant-on web applications at scale have been elusive. Real-world sites need tracking, analytics, and complex user interfaces and interactions. We always start with the best intentions but end up with a less-than-ideal site. 

Let’s look into the anatomy of a slow site and dissect it to find out how each issue got there and why fixing it is not a trivial exercise. Understanding the problem is the first step. Next is to think about possible solutions to prevent this.

Agenda:

• Anatomy of a slow site
• JavaScript over time: it is here to stay, and it is getting bigger
• JavaScript is single-threaded => CPUs cores are increasing
• Understanding the PageSpeed budget
• Third-party code
• Web-workers
• First-party code
• Hydration problem => front load JS
• Lazy loading problem => can’t lazy-load visible components
• How can we have pull rather than push model of JavaScript
• Resumability is a possible solution => but it is hard

Workshop Install Instructions:

• Install Node v16
• Install VSCode