WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Jun 5, 2024

Catching up on the basics you don't really need that much code

Chris Heilmann

Microsoft Edge boosted UI speed by 42% just by dropping React for native web components. Discover why the fastest code is the code you never write.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to web performance concepts and resources

Navigating the overwhelmed landscape of web performance with curated community resources.

#2 about 2 min

Psychological impact of site speed and human happiness

How poor website performance and slow interfaces frustrate users and ruin the overall user experience.

#3 about 2 min

Learning web performance basics and core web vitals

Discovering introductory courses and understanding standard metrics for measuring web page performance.

#4 about 1 min

Navigating browser developer tools for performance analysis

Taking advantage of browser developer tools in chromium browsers for detailed performance troubleshooting.

#5 about 2 min

Optimizing server locations and head HTML document order

Improving load times by choosing appropriate host locations and sorting head document elements properly.

#6 about 1 min

Applying quick performance wins to personal websites

Implementing simple optimizations like static assets, standard typography, and proper image loading behaviors.

#7 about 2 min

Testing application performance on slow devices and networks

Simulating real-world conditions by continuously testing code on constrained hardware and varied internet connections.

#8 about 2 min

Understanding browser rendering processes and compute pressure

Gaining deeper insights into how browsers paint layouts and dynamically responding to system load using new APIs.

#9 about 2 min

Betting on native web platform features over JavaScript

Removing bloated frontend frameworks and relying on native web components to significantly boost rendering speeds.

#10 about 2 min

Replacing JavaScript functionality with standard HTML elements

Utilizing modern HTML attributes and elements for common interactions to systematically minimize the JavaScript payload.

Matching moments

8:07 min

Modern JavaScript loop optimization and CSS innovations

Chris Heilmann Chris Heilmann +2 · LIVE

2:00 min

Understanding core browser technologies and framework syntax sugar

Sasha Shynkevich · LIVE

3:52 min

Optimizing browser performance using modern island architecture

Florian Rappl · LIVE

2:10 min

The core thesis behind building a simpler and faster web

Chris Ferdinandi · JS Congress

1:55 min

Understanding differential loading in modern web development

Sani Yusuf · JS Congress

3:16 min

Leveraging native browser capabilities for local web development

JS Congress

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
13 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
20 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
22 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
27 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
29 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
LIVE • 3 months ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

The Journey of a Pixel in a React Application thumbnail
27:01
World Congress 2025 • about 1 year ago

The Journey of a Pixel in a React Application

Shem Magnezi

Core Web Vitals: Put your application into orbit with best practices thumbnail
19:52
World Congress 2024 • about 2 years ago

Core Web Vitals: Put your application into orbit with best practices

Nicolas Frizzarin

What you need to know about Core Web Vitals thumbnail
58:59
LIVE • almost 3 years ago

What you need to know about Core Web Vitals

Ines Akrap

Sleek, Swift, and Sustainable: Optimizations every web developer should consider thumbnail
29:14
World Congress 2024 • about 2 years ago

Sleek, Swift, and Sustainable: Optimizations every web developer should consider

Andreas Taranetz

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.