SPA, isomorphic and back to the server: our journey with JS
summary
Team rebuilds a mobile commerce site three times, moves off SPA/isomorphic stack back to server-side rendering with a light React layer (uses preact), and measures concrete wins: median document time halves, bounce rate drops 15%, session duration rises ~40%, conversion +30% (up to +70% in some countries). Key tactics: split bundles by page via webpack, tree‑shake, prefer vanilla JS over lodash for speed (benchmarks with matcha), preconnect/preload/prerender, HTTP/2, Express server, New Relic monitoring.
AI-written summary · about
chapters (10)
- 0:00Start
- 8:27WEBPACK 2
- 8:58SAY "NO" TO JQUERY
- 9:48ABSTRACTION --- COST
- 20:29CSS ANIMATIONS
- 20:50PAGE TRANSITION
- 21:51PRECONNECT
- 22:40PRELOAD
- 34:51Content Security Policy
- 39:18NERD ADVICE
related talks
28mSingle Page Applications - was it a good idea?
11mSam Skjonsberg - SeattleJS Conference 2017
33mGo Full Stack Server-Side Rendering vs SPAs
16mThe time to go full stack is now
32mPractical Performance Tips Building Progressive Web Apps
55mTechnology agnostic microservices at SPA frontend
43mRethinking SPAs: web-native apps
25mThe first two seconds: Faster page loads with React