Request Metrics
0%
JavaScript Performance
Learning PathBuilding Blazingly Fast Applications
Identify performance bottlenecks while minimizing page load times. Learn the techniques to build high-performing JavaScript applications by understanding code execution at the lowest levels.
Total time: 22 hours, 27 minutes
Core Coursework
Take these in order
Prerequisite: Professional Learning Path or senior-level engineers interested in building and managing scalable applications and teams.
Editor's Note
Understanding how to measure and improve web page load time. Analyzing and addressing poor web vitals not only improves user experience but also gives your website a boost in SEO and search rankings.
Web Performance Fundamentals, v2
Speed up your websites and web apps by mastrering Core Web Vitals metrics like Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP).
![Web Performance Fundamentals, v2](https://static.frontendmasters.com/assets/courses/2024-10-22-web-perf-v2/thumb.webp)
Editor's Note
Write code that reduces parsing time and is optimized for how JavaScript engines compile code. Understand how to improve JavaScript load time and reduce unnecessary page rendering.
JavaScript Performance
Temporal
Write more efficient JavaScript, optimize rendering performance, load assets faster with a CDN, split loading resources with Webpack, and more!
![JavaScript Performance](https://static.frontendmasters.com/assets/courses/2018-04-05-web-performance/thumb.webp)
Editor's Note
In the modern UI world, there are hundreds of frameworks and methodologies for building large-scale UI apps. However, most of these libraries and frameworks are based on core principles that recur across them. As UI specialists, we need to understand these fundamentals and how to apply them in building large and complex apps.
Front-End System Design
Staff UI Engineer
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
![Front-End System Design](https://static.frontendmasters.com/assets/courses/2024-07-23-frontend-system-design/thumb.webp)
Editor's Note
Make your high-performing application BLAZINGLY fast by finding performance bottle next with benchmarking and performance monitoring. Understand garbage collection and acute memory optimization to squeeze as much performance out of your code.
Blazingly Fast JavaScript
terminal
Learn advanced JavaScript performance optimization: garbage collection, memory profiling, data structures like sets and arrays, and event loop management. Learn performance-driven programming, preparing you to write blazingly fast and efficient code!
![Blazingly Fast JavaScript](https://static.frontendmasters.com/assets/courses/2024-01-20-blazingly-fast-js/thumb.webp)
Editor's Note
Learn how JavaScript is executed on the physical hardware. This will give an understanding of the capabilities and limitations of both physical and virtual machines while observing JavaScript execution at the lowest levels.
Bare Metal JavaScript: The JavaScript Virtual Machine
Qwik Creator (Previously Angular)
Build a mental model of JavaScript's performance characteristics through understanding virtual machines under the hood.
![Bare Metal JavaScript: The JavaScript Virtual Machine](https://static.frontendmasters.com/assets/courses/2023-10-17-javascript-cpu-vm/thumb.webp)
Elective Coursework
Optional, take in any order
Web App Performance
Identify and resolve performance issues in your web apps! Learn about performance issues, metrics, HTTP, browser cache, and service workers. Discover advanced optimization techniques and performance APIs.
![Web App Performance](https://static.frontendmasters.com/assets/courses/2023-07-30-web-app-performance/thumb.webp)
React Performance
Write performant React apps by learning to structure components and memoize to avoid re-renders, load code on-demand, and leverage new concurrent features in React 18.
![React Performance](https://static.frontendmasters.com/assets/courses/2023-01-23-react-performance/thumb.webp)
Advanced Web Development Quiz
Challenge your knowledge with a quiz on the advanced parts of web development! Answer 30 questions from JavaScript and CSS to performance, web security, and HTTP protocols.
![Advanced Web Development Quiz](https://static.frontendmasters.com/assets/courses/2023-05-30-web-dev-quiz/thumb.webp)
Qwik for Instant-Loading Websites & Apps
Explore resumability with Qwik. Create instant-loading websites and ship less JavaScript by serializing the application and framework state in the HTML.
![Qwik for Instant-Loading Websites & Apps](https://static.frontendmasters.com/assets/courses/2023-02-28-qwik/thumb.webp)
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops