WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
JavaScript Congress • Nov 24, 2021

The Lean Web

Chris Ferdinandi

Heavy JavaScript frameworks are breaking the modern web. Discover how the Lean Web methodology leverages micro-libraries and pre-rendered HTML to build resilient, lightning-fast applications.

Pause
Mute Enter Fullscreen
#1 about 3 min

The core thesis behind building a simpler and faster web

Despite increases in network bandwidth, modern web load times and perceived performance remain largely stagnant.

#2 about 4 min

How heavy JavaScript payloads degrade browser performance and resilience

JavaScript parsing and execution fundamentally block rendering pipelines and fail catastrophically compared to HTML or CSS.

#3 about 5 min

The technology hype cycle and its impact on developer choices

Developer anxiety and prominent tech company evangelism drive widespread adoption of unnecessarily complex library toolchains.

#4 about 5 min

Moving from single page apps to static site generators

Serving pre-rendered HTML routes avoids expensive client-side hydration while maintaining instantaneous user interface responses.

#5 about 2 min

Enhancing multi-page applications with local service worker caching

Service workers intercept network requests to cache assets locally for zero-latency loads and offline application resilience.

#6 about 6 min

Reducing application footprints with micro libraries and pre-compilers

Pre-compilers like Svelte and Astro generate highly optimized static assets to minimize payload weight at runtime.

#7 about 4 min

Shifting interactive components to native web platform features

Replacing complex custom scripts with robust native elements and stylesheet behaviors significantly lightens front-end applications.

#8 about 3 min

Historical waves of web development and shipping less JavaScript

Component frameworks eventually mature into native platform capabilities as the development ecosystem follows regular cyclical patterns.

#9 about 3 min

Refactoring single page applications into progressively enhanced websites

Reverting to hard page loads layered with asynchronous enhancements restores native browser functionality while providing robust fallbacks.

#10 about 2 min

Upcoming native specifications for transitional animations between page routes

Emerging browser specifications aim to support seamless visual animations across traditional multi-page navigation events.

#11 about 2 min

Offloading tracking tasks from the main thread to web workers

Transferring non-essential operations to background environments prevents severe performance bottlenecks on the primary interface thread.

#12 about 5 min

The balance between framework conventions and native web components

Broad library adoption provides standardized integration workflows and detailed documentation that native web primitives often lack.

#13 about 4 min

Managing developer imposter syndrome with just-in-time learning strategies

Avoiding constant technology tracking in favor of targeted exploration reduces burnout and framework fatigue across engineering teams.

#14 about 2 min

Matching architectural approaches directly to specific project requirements

Embracing experimental component architectures allows engineering teams to optimize specific solutions rather than accepting heavy boilerplate globally.

#15 about 2 min

Queuing asynchronous tasks during network failures using service workers

Background synchronization mechanisms allow local clients to queue and safely retry network requests when mobile connectivity fails.

#16 about 2 min

Assessing newly released web frameworks before reaching technical consensus

Exploring newly released component ecosystems typically requires extensive practical testing before engineers can form any valid architecture decisions.

Matching moments

4:22 min

Rethinking the architecture of single page web applications

Jeremy Keith · World Congress 2021

3:12 min

Motivation for adopting frameworkless web components

Tobias Münch Tobias Münch · JS Congress

2:15 min

Transitioning native desktop graphics implementations to the web

Chris Heilmann Chris Heilmann +3 · LIVE

3:48 min

Adopting progressive enhancement workflows to prevent frontend bloat

Chris Heilmann Chris Heilmann +2 · LIVE

4:30 min

Tracking open source community trends in JavaScript native frameworks

Dan Cranney Dan Cranney +2 · LIVE

39 sec

Shifting to lightweight cloud development with modern JavaScript

Martyn Kilbryde · Coffee With Developers

More from JavaScript Congress

The Eternal Sunshine of the Zero Build Pipeline thumbnail
50:10
almost 5 years ago

The Eternal Sunshine of the Zero Build Pipeline

Teini - an extremely small webshop leveraging awesome and free tech thumbnail
40:45
almost 5 years ago

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
almost 5 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Modern Web Development with Nuxt3 thumbnail
41:43
almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Making neural networks portable with ONNX thumbnail
54:49
almost 5 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

Related videos

Catching up on the basics you don't really need that much code thumbnail
14:44
LIVE • over 2 years ago

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

Chris Heilmann

The Naked Web Developer: Your Browser Is Your Framework thumbnail
42:46
World Congress 2021 • over 5 years ago

The Naked Web Developer: Your Browser Is Your Framework

Avichay Eyal

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more thumbnail
1:06:20
LIVE • 10 months ago

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney, Jan Deppisch

WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More thumbnail
59:40
LIVE • 11 months ago

WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More

Chris Heilmann, Daniel Cranney, Peter Kröner

Keith Cirkle of GitHub on React Fatigue thumbnail
49:32
Coffee With Developers • almost 2 years ago

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

The State Of The Web thumbnail
43:11
World Congress 2021 • over 5 years ago

The State Of The Web

Jeremy Keith

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.