Chris Heilmann

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

What if the best performing code is the one you never write? Discover how native browser features can replace heavy JavaScript frameworks.

Catching up on the basics you don't really need that much code
#1about 2 minutes

Understanding the complexity of web performance

The world of web performance is vast and filled with confusing terms, but several key resources can help you get started.

#2about 1 minute

Connecting site speed to user happiness

Web performance is not just about metrics; slow and unresponsive interfaces directly impact user happiness and can make people feel frustrated.

#3about 2 minutes

Key resources for learning web performance

Get started with web performance by exploring courses from MDN and Google, understanding Core Web Vitals, and learning to use browser developer tools effectively.

#4about 3 minutes

Optimizing your site's hosting and HTML head

Improve performance by choosing a fast host, optimizing the order of elements in your HTML head tag, and implementing best practices like image optimization.

#5about 2 minutes

Understanding performance on diverse devices and networks

Performance is not just about your development machine; consider how slow devices, limited CPU/GPU, and network latency impact the user experience.

#6about 1 minute

Adapting to device load with the Compute Pressure API

The upcoming Compute Pressure API will allow websites to adapt dynamically by detecting when a user's machine is under heavy load and adjusting content accordingly.

#7about 3 minutes

Bet on the platform and write less code

Improve performance by trusting the browser and using native HTML features over heavy JavaScript, and remember that the best performing code is often the code you never write.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

The only frontend stack that truly matters
45:42 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The industry's focus on frameworks over web fundamentals
20:28 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Relying on native browser features and the platform
22:39 MIN

Relying on native browser features and the platform

The Lean Web

The web is slow and fragile because of JavaScript
00:37 MIN

The web is slow and fragile because of JavaScript

The Lean Web

Leveraging native browser features for development
17:22 MIN

Leveraging native browser features for development

The Eternal Sunshine of the Zero Build Pipeline

Why native browser APIs are replacing third-party libraries
35:00 MIN

Why native browser APIs are replacing third-party libraries

Web APIs you might not know about

Q&A on web workers and native browser components
32:31 MIN

Q&A on web workers and native browser components

The Lean Web

JavaScript's journey from browser wars to native APIs
25:45 MIN

JavaScript's journey from browser wars to native APIs

The State Of The Web

Featured Partners

Related Videos

See all videos
The Lean Web46:46

The Lean Web

Chris Ferdinandi

The Naked Web Developer: Your Browser Is Your Framework42:46

The Naked Web Developer: Your Browser Is Your Framework

Avichay Eyal

Keith Cirkle of GitHub on React Fatigue49:32

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more1:06:20

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney & Jan Deppisch

Frontend Performance Testing in practice36:50

Frontend Performance Testing in practice

Jonas Kröger

Using all the HTML, Running State of the Browser and "Modern" is Rubbish1:15:44

Using all the HTML, Running State of the Browser and "Modern" is Rubbish

Chris Heilmann & Daniel Cranney and David Letorey

The Journey of a Pixel in a React Application27:01

The Journey of a Pixel in a React Application

Shem Magnezi

Related Articles

View all articles
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering
CH
Chris Heilmann
Links and anchors: ancient HTML and JS magic in your browser
Have you ever wondered why you use an <a> element to add link to an HTML document? Paragraph is <p>, unordered list is <ul>, image is <img> but why <a> instead of <link>? Well, the reason is that the element both defines where to go to, but also an e...
Links and anchors: ancient HTML and JS magic in your browser
CH
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript

From learning to earning

Jobs that call for the skills explored in this talk.

Creative Javascript

Creative Javascript

Thegiglab
Amsterdam, Netherlands

Intermediate
API
CSS
HTML
jQuery
Bootstrap
+1