YoVDO

Visualising Front-End Performance Bottlenecks

Offered By: React Conferences by GitNation via YouTube

Tags

Conference Talks Courses Front-end Development Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore techniques for measuring, analyzing, and fixing slow-running JavaScript code using browser APIs in this 17-minute conference talk from React Summit 2020. Discover the importance of measuring performance metrics that matter to users, especially on living room devices like Smart TVs. Learn about the Measure Analysis Cycle, profiling the main thread, and understanding the anatomy of a frame. Gain insights into custom hooks for instrumentation, virtualization techniques, lazy loading, and handling TV browser constraints. Implement practical strategies to visualize and address front-end performance bottlenecks, ensuring a smoother user experience across various devices.

Syllabus

Introduction
Who am I
The Zone
Living Room Devices
Smart TVs
Performance problems
What customers prefer
Useful quotes
Agenda
Measure Analysis Cycle
Demo
Profile
Main Thread
Anatomy of a Frame
How We Measure
Why Measure
Mark
Interaction
Instrumentation Code
Custom Hook
Copy Paste
Reload Demo
Baseline
Element
Virtualization
Lazy Loading
Horizontal Example
TV Constraints
Browsers
No developer tools


Taught by

React Conferences by GitNation

Related Courses

Building Geospatial Apps on Postgres, PostGIS, & Citus at Large Scale
Microsoft via YouTube
Unlocking the Power of ML for Your JavaScript Applications with TensorFlow.js
TensorFlow via YouTube
Managing the Reactive World with RxJava - Jake Wharton
ChariotSolutions via YouTube
What's New in Grails 2.0
ChariotSolutions via YouTube
Performance Analysis of Apache Spark and Presto in Cloud Environments
Databricks via YouTube