Developing for Web Performance

Focused View

Morten Rand-Hendriksen

2:25:40

0 View

01 Introduction

001 What is performance and why is it so important .mp4

01:01

02 Web Performance An Introduction

001 What is web performance and optimization .mp4

03:16

003 How do we measure performance .mp4

09:08

004 Why does performance matter .mp4

02:43

03 Web Performance Basics

001 How browsers render content.mp4

05:49

002 HTTP 2 and multiplexing.mp4

02:42

003 Bottlenecks.mp4

04:36

004 Caching.mp4

04:19

005 The PRPL pattern.mp4

01:32

04 Creating a Performance Budget

001 What is a performance budget .mp4

02:05

002 Creating a realistic performance budget.mp4

03:28

003 Common culprits and performance hogs.mp4

05:12

05 Optimizing Images

001 Images are the leading cause of the slow web.mp4

01:17

002 Image quality matters.mp4

05:05

003 The image scaling hack.mp4

03:19

004 Image format options.mp4

06:21

005 Manual image optimization.mp4

04:28

006 Automated image optimization.mp4

07:48

007 Responsive images.mp4

05:42

008 Lazy-loading images.mp4

03:06

06 Markup and Content

001 Automated optimization of JavaScript and CSS.mp4

02:24

002 JavaScript bundling vs. modules.mp4

04:21

003 JavaScript loading Async and defer.mp4

05:05

004 Lazy-loading JavaScript modules with import().mp4

06:29

005 Minifying and uglifying JavaScript.mp4

04:27

006 Critical CSS.mp4

07:53

007 Deferring noncritical CSS.mp4

02:57

008 Component-based CSS loading.mp4

01:25

07 Web Fonts

001 Web fonts can be major performance hogs.mp4

01:07

002 Optimizing third-party web font delivery.mp4

03:56

003 Optimizing self-hosted web font delivery.mp4

03:55

004 Variable fonts to the rescue .mp4

03:12

005 Web fonts on a performance budget.mp4

02:30

08 Optimizing Delivery

001 Compress data with Gzip and Brotli.mp4

03:51

002 Server push.mp4

02:34

003 Preloading vs. prefetch.mp4

01:52

004 Browser caching.mp4

01:55

005 CDNs.mp4

01:59

09 Conclusion

001 Thank you.mp4

00:51

Description

Performance matters! Faster websites have been shown to increase visitor retention, loyalty, and satisfaction, especially on mobile. In this course, discover how to develop websites and applications with performance in mind. Since the cause of most slowdowns is the communication between the browser and the server—the realm of HTTP—senior staff instructor Morten Rand-Hendriksen goes over the HTTP/2 protocol, which offers web developers huge performance enhancements. Morten then covers how to keep your team focused on performance by creating a realistic performance budget. He explains how to optimize images (one of the biggest resource hogs), code, and file caching, as well as server delivery and browser handling. Plus, learn how to optimize CSS and JavaScript and use a content delivery network to speed up download times. Upon wrapping up this course, you'll have the basic knowledge you need to develop websites and apps that thrive in the age of the lightning-fast web.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Web App Development

Morten Rand-Hendriksen

Instructor's Courses

Since joining forces with lynda.com (now LinkedIn Learning) in 2010, I've 60+ published courses on WordPress, front end web design and development, and web standards, reaching hundreds of thousands of viewers from all over the world. I also contribute to the web community as a public speaker, author, educator, web developer, and design philosopher. I help the web make sense by helping people understand and get the most out of the web, and contribute to the debates about ownership and democratization of information, design philosophy, and the open web.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.