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 +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 - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
6 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
8 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
13 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
15 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
20 days ago

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

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
20 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

September 25, 2026 · 15:30–16:00

Stage 6

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 25, 2026 · 16:50–17:20

Stage 4

Engineering Moneyball: How We Benchmarked Google vs Meta

Jirka Bachel

Co-Founder & CEO

Jirka Bachel
Open session

World Congress 2026 North America

September 24, 2026 · 10:20–10:50

Stage 1

The Browser Is Becoming an AI Runtime

Ajit Varma, Will Bryk

Ajit Varma
Will Bryk
Open session

World Congress 2026 North America

September 24, 2026 · 16:10–16:40

Outdoor Stage

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer

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 • 2 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.