Browser Performance Revolution: Speedometer 3.0 and the Devaluation of Frontend Craft

Published on 13.03.2024

motyl.dev<div></div></>FRONTEND

Speedometer 3.0: A Collaborative Benchmark Revolution

TLDR: Browser vendors Chrome, Firefox, and Safari collaborated to create Speedometer 3.0, a comprehensive performance benchmark that better reflects modern web applications through real-world testing scenarios including React, Vue, Angular, and complex DOM interactions.

Speedometer 3.0 Announcement

Interaction to Next Paint Becomes Core Web Vital

TLDR: Google officially promoted Interaction to Next Paint (INP) to replace First Input Delay (FID) as a Core Web Vital, providing more comprehensive measurement of user interaction responsiveness with a September 2024 deprecation deadline for FID.

INP Core Web Vital Announcement

The Quiet, Pervasive Devaluation of Frontend

TLDR: A thoughtful analysis argues that frontend development, particularly CSS and HTML expertise, faces systematic devaluation despite its critical impact on user experience, with these languages dismissed as "not real programming" while simultaneously being criticized as too complex.

The Quiet, Pervasive Devaluation of Frontend

Streaming HTML Out of Order Without JavaScript

TLDR: A clever technique using Declarative Shadow DOM enables streaming HTML content out of order while maintaining proper visual layout, allowing faster perceived performance without requiring JavaScript frameworks or client-side rendering.

Streaming HTML Out of Order

CSS Variable Groups Proposal

TLDR: A new CSS proposal aims to solve design system pain points by allowing developers to define and pass around groups of related CSS variables under shared namespaces, addressing common issues with design tokens and component theming.

CSS Variable Groups Proposal

Apple's EU App Distribution: 15 Clicks to Install

TLDR: Apple's new EU-mandated web app installation process requires 15 steps including multiple warnings, Face ID verification, and navigation through settings, highlighting the friction Apple introduces for non-App Store distribution.

Apple EU App Distribution


Disclaimer: This article was generated using newsletter-ai powered by claude-sonnet-4-20250514 LLM. While we strive for accuracy, please verify critical information independently.