Skip to content
DERKONLINE
Web Performance

Web Performance

Web performance is the discipline of making pages feel instant, because the visitor decides whether to stay in the first second. It covers how quickly the page paints (Largest Contentful Paint), how soon it responds to a tap (Interaction to Next Paint), and how much it jumps while loading (Cumulative Layout Shift). Google folds these Core Web Vitals into how it ranks you, and a buyer abandons a page that hangs. The work runs the whole stack: trimming and splitting JavaScript, serving the right image at the right size, caching at the edge, and removing the round trips that nobody notices until they add up. The pieces below are field notes from real production sites, with the measurements that proved each fix and the trade-offs we made to ship it.

16 pieces

All of the Journal
Long-exposure light trails of traffic streaking through the dark, evoking speed and motionWeb Performance

Cut Your INP Below 200ms Before It Tanks Rankings

A field-data playbook for diagnosing and fixing Interaction to Next Paint, the metric that replaced FID and now decides your Core Web Vitals pass.

8 min read
Abstract long-exposure pink and green light streaks against darknessWeb Performance

Stop Render-Blocking Resources From Stealing Your First Paint

Inline critical CSS, defer the rest, and load fonts without flashing so above-the-fold content paints in one round trip.

8 min read
Long-exposure light trails curving across a dark highway, conveying speed and motionWeb Performance

Shrink Your Next.js Bundle With Server Components

How React Server Components and the right client boundaries strip megabytes of JavaScript off the wire.

8 min read
Abstract red and gold long-exposure light trails sweeping across a dark blue backgroundWeb Performance

Make Your LCP Image Load First Every Single Time

Priority hints, fetchpriority, responsive AVIF, and preload tuning that drag your hero image's load under the 2.5 second LCP line.

8 min read
Minimal white desk with a laptop, phone and notebooksWeb Performance

Break Up Long Tasks So Your Main Thread Stays Responsive

Use scheduler.yield and web workers to chop blocking work into chunks so the main thread answers every tap instantly.

7 min read
Long-exposure light trails under a highway interchange at dusk in warm amber tonesWeb Performance

Why Your Lighthouse Score Lies and Field Data Tells the Truth

Lighthouse runs in a lab and cannot measure INP at all. Wire up the web-vitals library to optimize what real visitors actually feel.

7 min read
Dark green technical grid and ruler measurement layoutWeb Performance

Drive Cumulative Layout Shift to Zero on Dynamic Pages

Pages jump because content arrives into space nobody reserved. Image dimensions, aspect-ratio, sized skeletons drive CLS to zero.

7 min read
Long-exposure highway at night with white and red traffic light trailsWeb Performance

Move to HTTP/3 and QUIC to Kill Head of Line Blocking

QUIC kills head-of-line blocking, halves the handshake, and survives a phone switching networks. The biggest wins land on the worst connections.

7 min read
Long-exposure blue and red light trails sweeping along a curved highway under a night skyWeb Performance

Slash Time to First Byte With Streaming Server Rendering

Stream HTML early, defer slow data, and tune your backend so the browser starts working before your server finishes.

7 min read
Long-exposure light trails streaking down a dark night highway, conveying speed and motionWeb Performance

Tame the Third-Party Scripts Wrecking Your Page Speed

Audit, sandbox, and lazy-load analytics, chat widgets, and tag managers so other people's code stops blowing your speed budget.

7 min read
A photographer reviewing a captured image on a camera's screenWeb Performance

Build an Image Pipeline That Serves the Perfect Byte Count

Automate AVIF/WebP fallback, srcset sizing, lazy loading, and layout reservation so every device gets the smallest sharp image.

7 min read
Long-exposure light trails rushing forward along a dark night roadWeb Performance

Make Page Navigations Feel Instant With Speculation Rules

Prerender and prefetch the next likely page with Speculation Rules so clicks resolve in milliseconds without wasting bandwidth.

6 min read
Macro of a CPU processor with gold pins on a soft white backgroundWeb Performance

Find the Memory Leaks Making Your SPA Slower by the Hour

Detached nodes, orphaned listeners, and growing caches bloat long sessions; heap snapshots expose and fix them.

6 min read
Long-exposure light trails of yellow and red streaking through the nightWeb Performance

Make Slow Feel Fast With Optimistic UI and Smart Skeletons

Skeletons, optimistic UI, and streaming make a product feel twice as fast on the same backend, if you build the rollback as carefully as the happy path.

9 min read
Close-up of a car speedometer with warm amber backlit numbers on a dark dialWeb Performance

What Every Slow Second Actually Costs You in Revenue

Tie Core Web Vitals to bounce and conversion so performance work earns its place on the roadmap as a revenue calculation.

7 min read
Long-exposure light trails of traffic streaking along a night highwayWeb Performance

Set a Performance Budget Your Team Will Not Quietly Break

Turn speed from a one-off cleanup into a shipping discipline that survives every new feature and hire, set from the top.

7 min read

Where to next

All of the JournalEvery piece
What we doThe nine services
Start a projectDesign it live