Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

High-Performance Web UI with Web Components

ng-conf via YouTube

Start learning Write review
Corporate Finance Institute Ad

Learn Excel and Financial Modeling the Way Finance Teams Actually Use Them

Learn More → DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This talk demonstrates how to build lightweight Web Components and measure and optimize their performance. It covers bundling, tree shaking, browser rendering, and automated tracking of performance regressions.

Syllabus

Introduction
Welcome
About me
Web Components
Example Web Component
Web Component Performance
Dependencies
Build Targets
Code
Components
Tree Shaking
Component Level Tree Shaking
Side Effects
Registration
Icons
CDN Performance
Import Maps
CSS Performance
Text Compression
CSS Custom Properties
Tree Shake with CSS
Purge CSS
Browser Rendering
CSS Contain
CSS Content Visibility
Performance
Render Time
Measure and Automate
Tree Shake
Lightweight Components
Performance Benchmarks
Resources

Taught by

ng-conf

Reviews

Start your review of High-Performance Web UI with Web Components

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.