Performance in the Field
summary
Talk describes concrete performance improvements made on a real project: practical optimizations for frontend load and runtime using techniques related to web performance best practices (RAIL/PRPL/LCP concepts are known but not the focus). Alexander presents specific steps he implemented to shave seconds and bytes — real-world code and trade-offs rather than generic advice or tool-by-tool comparisons.
AI-written summary · about
chapters (31)
- 0:00Introduction
- 2:22E-commerce goals
- 3:04Why performance matters
- 4:09Measuring optimization
- 5:57Resource loading
- 8:06Third-party scripts impact
- 9:34Prioritizing third-party scripts
- 11:43Heavy integrations
- 13:08Build tools tuning
- 14:59Updating dependencies
- 15:42Bundle analysis
- 16:07Lazy image loading
- 17:16Image formats
- 17:58Font optimizations
- 21:53Avoiding bloated code
- 22:37What is reflow
- 26:49CSS Line Clamp
- 27:31Avoiding forced reflow
- 29:15DOM measurement grouping
- 30:19CSS animation properties
- 31:21Rendering and GPU
- 32:25Avoiding costly CSS
- 32:47Widget delays
- 33:49First Input Delay
- 35:37Total Blocking Time
- 37:24Lazy module init
- 38:51Lazy loading
- 40:15requestIdleCallback
- 41:00Time to Interactive
- 42:24Summary
- 44:56Q&A
