How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

JavaScript Performance

via Frontend Masters

Go to class Write review
OpenLearning Ad

Future-Proof Your Career: AI Manager Masterclass

Learn More → Simplilearn Ad

Build GenAI Apps from Scratch — UCSB PaCE Certificate Program

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn techniques to write efficient JavaScript, optimize render performance, load assets faster using a CDN and split resource loading with Webpack. You'll learn how to diagnose and fix common performance problems to make your web apps more performant!

Syllabus

  • Introduction to Web Performance
  • Thinking About Performance
  • The Importance of Measurement
  • The Cost of JavaScript
  • Parsing
  • Reducing Parsing Times Exercise
  • Reducing Parsing Times Solution
  • ASTs and Initial Execution
  • The Optimizing Compiler
  • Deoptimization, Deleting Properties
  • Deleting, Feeding Objects Exercise
  • Deleting, Feeding Objects Solution
  • Monomorphism, Polymorphism, and Megamorphism
  • Optimizing Objects
  • Hidden Classes
  • Scoping and Prototypes
  • Function Inlining
  • JavaScript Performance Takeaways
  • How Web Pages Are Built
  • JavaScript and the Render Pipeline
  • Layouts and Reflows
  • Layouts and Reflows Exercise
  • Layouts and Reflows Solution
  • Layout Thrashing
  • Solving for Layout Trashing
  • FastDOM
  • FastDOM Exercise
  • FastDOM Solution
  • Frameworks and Layout Thrashing
  • Painting
  • The Compositor Thread
  • Managing Layers
  • will-change
  • Applying will-change with JavaScript
  • will-change Exercise
  • will-change Solution
  • Latency and Bandwidth
  • Caching
  • Service Workers
  • Lazy Loading
  • Lazy Loading Demonstrations
  • Analyzing Bundle Sizes
  • Slimming Dependencies
  • Lazy Loading components with React-Loadable
  • Component Lazy Loading Exercise
  • Component Lazy Loading Solution
  • HTTP/2
  • Introduction to Using Build Tools
  • Paying the Babal Tax
  • Useful Babel Plugins
  • Prepack
  • Final Thoughts
  • Q&A

Taught by

Steve Kinney

Reviews

Start your review of JavaScript Performance

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.