Главная
Study mode:
on
1
Introduction
2
Welcome
3
About me
4
Web Components
5
Example Web Component
6
Web Component Performance
7
Dependencies
8
Build Targets
9
Code
10
Components
11
Tree Shaking
12
Component Level Tree Shaking
13
Side Effects
14
Registration
15
Icons
16
CDN Performance
17
Import Maps
18
CSS Performance
19
Text Compression
20
CSS Custom Properties
21
Tree Shake with CSS
22
Purge CSS
23
Browser Rendering
24
CSS Contain
25
CSS Content Visibility
26
Performance
27
Render Time
28
Measure and Automate
29
Tree Shake
30
Lightweight Components
31
Performance Benchmarks
32
Resources
Description:
Discover strategies for creating high-performance web UIs using Web Components in this conference talk from the Reliable Web Summit 2021. Explore techniques to measure and optimize Web Components, including tree shaking for components, icons, and CSS, bundling strategies with Webpack and Rollup, CDN support for micro-frontends, and tracking performance regressions through CI automation and Lighthouse. Gain insights into building lightweight and consistent UIs for any web application, covering topics such as component-level tree shaking, side effects, icon optimization, CSS performance improvements, browser rendering techniques, and automated performance benchmarking. Learn how to leverage Web Components to enhance your web development skills and create more efficient, scalable user interfaces.

High-Performance Web UI with Web Components

ng-conf
Add to list
0:00 / 0:00