Improving Load time of a Production React App
summary
Describes how UrbanClap reduced their production React website load time by 60% by focusing on shipping fewer assets and changing delivery order, with primary emphasis on optimizing bundling using webpack. Covers practical webpack bundling techniques applied within the constraints of a large production app (product, business and UX).
AI-written summary · about
chapters (9)
- 0:00Start
- 3:56Two areas of improvements
- 9:37CSS Chunking
- 13:17Mobile vs Desktop
- 16:57On Demand Chunks (On event handler)
- 18:08Preemptive optimization
- 19:43Changing order of assets
- 21:25Route+Chunk Filenames (On Server)
- 27:20Keep analyzing your chunks
related talks
25mDesigning High Performance React Applications
26mLightning Fast React Apps
39mMaking Your React Apps Perform At Scale
21mMaking Your React Apps Perform At Scale
27mBuilding High Performance React Applications
31mSpeeding up Startup for Large React Apps
25mReact developer? How are your production skills?
32mPractical Performance Tips Building Progressive Web Apps