The Crazy Frontend
What we talk when talking about frontend?
Front-end?
Front-end
Client
Web Servers
Client
Web Servers
CDN
Client
Web Servers
CDN
Backends
Client
Web Servers
CDN
BFF
Backends
Client
Web Servers
CDN
BFF
Backends
Page loading
Load
Render
Parse
Layout
Paint
Disruption 1
Ajax N JSONP
JQuery -> SPA …
Flash N Flex
Pros and Cons
Virtual DOM
React
Pros and Cons
SEO!
CSR -> SSR
CSR -> ESR -> SSR
BG/Offline
Innovation 2
PWA
Innovation 2
Edge Computing/Store
Other
Takeaways
Thank you!