Vanilla JavaScript: Web Performance Optimization APIs

Focused View

Maximiliano Firtman

1:43:20

131 View

01 - Introduction

01 - Optimize APIs with JavaScript.mp4

01:17

02 - What you should know.mp4

00:38

02 - 1. Reactive Web Performance

01 - The need for web performance APIs.mp4

03:15

02 - Summary of what we can do.mp4

03:42

03 - Real user monitoring (RUM) and reactive web performance.mp4

04:57

04 - Measure time.mp4

04:18

05 - High-resolution timings.mp4

02:43

03 - 2. Performance Basics

01 - Navigation Timing Level 1.mp4

02:57

02 - Understand timings available.mp4

05:23

03 - Calculate milestones in the timeline.mp4

02:43

04 - The Performance Timeline interface.mp4

05:24

05 - Navigation Timing Level 2.mp4

03:48

04 - 3. Measure Performance

01 - Measuring our websites.mp4

04:18

02 - Add the Navigation Timing API.mp4

05:07

03 - Use the Resource Timing API.mp4

04:45

04 - Create custom user timing.mp4

06:07

05 - Get paint timing.mp4

04:31

06 - Detect long tasks.mp4

03:44

07 - Detect frame rate drops.mp4

02:39

08 - Add server timing information.mp4

04:11

05 - 4. Decision-Making Helpers

01 - Read network information.mp4

05:15

02 - Read device memory.mp4

02:00

03 - Save data for your users.mp4

01:36

04 - Receive client hints on the server.mp4

05:28

06 - 5. Execute Code More Efficiently

01 - Send low-priority requests with beacons.mp4

01:51

02 - Understand frame rate execution.mp4

03:35

03 - Execute animation control code.mp4

01:13

04 - Execute background tasks.mp4

03:12

05 - Efficient script yielding.mp4

01:12

07 - Conclusion

01 - Next steps.mp4

01:31

Description

With the Performance APIs built into modern browsers, you can measure the performance of your websites and applications and make "live" changes to the content, page navigation, and more. This allows you to create a faster and better experience for all your users: for the desktop user on high-speed Wi-Fi or the mobile user with a weak signal. This course shows how to collect real metrics from real devices with the four most useful APIs: Performance Timeline, Navigation Timing, User Timing, and Resource Timing. Instructor Maximiliano Firtman shows how to access and apply the APIs with vanilla JavaScript, and use reactive programming techniques—such as beacons and multithreading—to optimize code so it executes as efficiently as possible.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

API

Maximiliano Firtman

Instructor's Courses

I'm an independent mobile+web developer, trainer, speaker, and author. I authored many books, including "High Performance Mobile Web" published by O'Reilly Media with +10 translations available. I've been teaching programming for small and big companies in +30 countries since 2005, including for large companies such as LinkedIn, Apple, Google, Cisco, Intel, Bank of America, and HP. I'm doing consulting in PWAs, Web Performance, and mobile app development. I've authored several online courses in O'Reilly Learning (Safari), LinkedIn Training (Lynda), Pluralsight, and Udemy. I've also authored many articles in the past few years, for printed and online magazines, and my personal blog. I'm a frequent speaker at conferences, with experience delivering keynotes, sessions, and workshops in +120 conferences in +50 countries. I've received different recognitions, including Nokia Developer Champion 2006-2014; Adobe Community Champion 2011-2015, BlackBerry Elite in 2013, and Internet Explorer User Agent in 2013. Specialties: HTML5, Mobile Web, Progressive Web Apps, Web Performance Optimization, Android Dev (Java and Kotlin), iOS Dev (Objective-C and Swift), React, Angular, Flutter, NextJS

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.