Frontend Masters – Website Performance

With the rise of mobile networks and devices, website performance is now absolutely critical to building good websites and web applications. Kyle dives deep into everything web performance from resource loading, to thread, animations, JSON, minification, image optimization and more!

Table of Contents
Website Performance Introduction

Introduction 0:00:00 – 0:07:50
Part 1: Make Performance a Priority

Why Web Performance? 0:07:51 – 0:13:00
Performance and User Experience 0:13:01 – 0:28:22
How We Get Web Performance 0:28:23 – 0:37:28
Focus on the Critical Path 0:37:29 – 0:51:04
The Total Cost of Ownership 0:51:05 – 1:00:36
Part 2: The Middle-End: YSlow

YSlow Rules 1:00:37 – 1:11:42
YSlow Rules, Continued 1:11:43 – 1:25:53
Beyond the Big 14 1:25:54 – 1:36:40
Exercise 1 1:36:41 – 1:38:08
Part 3: The Middle-End: Resources

Images 1:38:09 – 1:50:05
Minification 1:50:06 – 1:56:00
Exercise 2 1:56:01 – 2:11:20
Part 4: The Middle-End: Architecture & Communication

Understanding the Middle-end 2:11:21 – 2:21:43
Introduction to Architecture 2:21:44 – 2:27:50
Data Validation 2:27:51 – 2:37:07
JSON, Ajax, & Web Sockets 2:37:08 – 2:48:12
Part 5: The Front-End: Resource Loading

Preloading Images 2:48:13 – 2:58:19
Lazy Loading 2:58:20 – 3:05:25
Parallel Loading 3:05:26 – 3:14:56
Part 6: The Front-End: Abstractions & Animation

OO is Slower 3:14:57 – 3:21:52
Exercise 4 3:21:52 – 3:34:33
JavaScript Animations 3:34:33 – 3:48:10
CSS Transition vs. CSS Animation 3:48:11 – 3:52:24
Exercise 5 3:52:25 – 4:02:33
Part 7: The Front-End: UI Thread, Garbage Collection & jsPerf

The Single Threaded Browser 4:02:34 – 4:12:23
Threaded JavaScript 4:12:24 – 4:23:51
Dynamic Memory Allocation 4:23:52 – 4:29:22
Exercise 6 4:29:23 – 4:34:45
Introduction jsPerf 4:34:46 – 4:40:07
JavaScript Performance Mythbusters 4:40:08 – 4:55:57
Exercise 7 4:55:58 – 4:58:30
Conclusion

Conclusion 4:58:31 – 5:01:55