Author
Released
4/2/2021Skill Level Advanced
Duration
Views
- [Morten] See if you recognize the situation. You go to a website or click a link, and the website and the images and the video just take forever to load. Sound familiar? What you're experiencing is a website with poor performance. And that feeling of frustration you get even just thinking about this experience is tied to this performance. It is no longer enough for your web creations to work. They have to work fast, and that's what performance measures. In this course, I'll introduce you to the core principles of performance and show you how to develop websites and applications with performance in mind. We'll look at common performance issues, what causes them, and how to solve them, and you'll get a solid understanding of how the web works and why performance is such a huge issue. Developing for performance results in your sites performing at their best, both figuratively and technically, and I'm here to show you how to get it right. So let's get cracking.
Related Courses
-
Vanilla JavaScript: Web Workers
with Maximiliano Firtman1h 17m Intermediate -
Designing Websites for Performance
with Brian Wood43m 32s Intermediate
-
Introduction
-
1. Web Performance: An Introduction
-
Why does performance matter?2m 42s
-
2. Web Performance Basics
-
How browsers render content5m 49s
-
HTTP/2 and multiplexing2m 42s
-
Bottlenecks4m 36s
-
Caching4m 19s
-
The PRPL pattern1m 32s
-
-
3. Creating a Performance Budget
-
4. Optimizing Images
-
Image quality matters5m 5s
-
The image scaling hack3m 19s
-
Image format options6m 21s
-
Manual image optimization4m 27s
-
Automated image optimization7m 48s
-
Responsive images5m 42s
-
Lazy-loading images3m 6s
-
5. Markup and Content
-
Critical CSS7m 53s
-
Deferring noncritical CSS2m 57s
-
Component-based CSS loading1m 25s
-
6. Web Fonts
-
7. Optimizing Delivery
-
Server push2m 34s
-
Preloading vs. prefetch1m 52s
-
Browser caching1m 55s
-
CDNs1m 59s
-
Conclusion
-
Thank you51s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: What is performance and why is it so important?