Lightning-Fast
Web Performance
Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from the start.
Quick course intro
What you’ll learn
In this lecture series, you'll gain a well-rounded understanding of front-end web performance that'll empower you to deliver sites quickly and reliably.
You’ll learn how to effectively think about and prioritize web performance today.
You’ll learn about common performance metrics, which ones matter most, and how to identify performance bottlenecks that impact the user experience.
You’ll learn how to fix performance issues, employ processes to prevent regressions, and build in ways that prevent problems from occurring in the first place.
Topics covered
Convincing stakeholders to prioritize performance
Measuring and benchmarking perceived performance
Understanding the web page loading process
Identifying server-level performance hangups
Knowing how and when file size matters
Evaluating patterns for loading CSS, JavaScript, Images, SVG, & Fonts
Optimizing the critical path to perceived performance
Helpful Tools and libraries
HTTP/2 and its helpful additions
Content Delivery Networks and edge cache transformations
Enhancing a user interface optimistically, yet safely
Client-side caching strategies
Retaining performance after page load
Knowing how and when file size matters
Service Workers for spotty or offline connectivity
Monitoring, maintaining, and defending a fast site as it evolves
Making existing sites faster and more resilient
See what you'll get
These clips are taken from various points throughout the lecture series and illustrate the style of presentation you can expect to see throughout.
Is this for me?
This lecture series is designed to cover performance holistically, starting with the basics and continuing to touch on points both technical and not. The course does not assume any knowledge of performance concepts, but it is aimed at Front-End Developers and UI/UX designers who are comfortable writing HTML, CSS, and have a basic knowledge of JavaScript.
If you're a designer or developer looking to gain a better understanding of how your decisions and company culture impacts your ability to deliver quickly and resiliently, this is the course for you.
Start the course!
This free course consists of a series of video lectures that combine screencasts and narrated slides. Closed captioning is provided and a PDF is included with each video for links to resources mentioned within. Some videos require signing up for a free WebPageTest account.
1. Welcome
(02:26 mins)An introduction to the course and and overview of how you can expect the subject matter to be divided up.
Additional Section Content
2. Why Performance Matters
(15:47 mins)A top-down look at how performance impacts user experience and other concerns on the web today.
Additional Section Content
3. Metrics! How do we define fast?
(24:36 mins)A top-down look at how performance impacts user experience and other concerns on the web today.
Additional Section Content
4. Identifying Performance Problems
(49:37 mins)A deep dive into the process of using popular performance tools to find and diagnose issues with webpage performance.
Additional Section Content
5. Making Things Faster
1. Optimizing Files
(27:25 mins)Optimizing files is one of the easiest and most impactful ways to improve your site's ability to perform.
Additional Section Content
2. Initial bytes
(09:42 mins)Learn about the fundamentals of initial page delivery and what can cause it to be slow.
Additional Section Content
3. Initial Paints
(26:59 mins)Explore the bottlenecks between initial bytes and initial page rendering and how to streamline them.
Additional Section Content
4. LCP and Meaningful Paints
(44:04 mins)A look at the conditions that contribute to large contentful paints and how to speed them up.
Additional Section Content
5. Getting Interactive
(14:32 mins)A look at the delays between when a page looks usable and actually responds to user interaction and how to mitigate them.
Additional Section Content
6. for Returning Visits
(21:30 mins)Good performance considers the holistic user experience, and many optimizations can make recurring visits faster and more resilient.
Additional Section Content
6. Wrapping up
(49:37 mins)Certificate of Completion
Your Certificate
Congratulations on completing the course. Use this certificate to share your achievement!
Additional Section Content
About your host
Scott Jehl is an experienced professional with over two decades of expertise in creative design and front-end technology. He has led web design and development projects for numerous iconic brands. He enjoys writing and speaking for various publications and conferences around the world.
Scott has authored Responsible Responsive Design (2014, A Book Apart) and co-authored Designing with Progressive Enhancement (2010, New Riders). In his free time, he enjoys surfing.
