A Practical Workflow for Fixing Slow INP
Find the interactions that hurt your Interaction to Next Paint score, then fix them with yielding, batched DOM work and leaner scripts.
Blog
How websites and stores are built and kept fast: code, performance, debugging and the fixes that worked.
Find the interactions that hurt your Interaction to Next Paint score, then fix them with yielding, batched DOM work and leaner scripts.
Small Liquid habits, from hoisting loop work to shallow snippets, that trim server render time, plus the bigger theme wins that sit outside Liquid.
How container queries differ from media queries, a minimal working pattern, and the traps that make a first attempt silently fail.
LCP is four phases, not one. Make the hero image discoverable, prioritise it, never lazy-load it, then choose the right format and size.
What no-cache, no-store, s-maxage, immutable and stale-while-revalidate really do, plus header sets per asset type and a CDN debugging routine.
Measure what you ship, split and import less, swap scripts for native features, and keep third-party tags from undoing the gains.
From DOM inspection to reduced test cases: a calm sequence for tracking down stubborn CSS and JavaScript issues, with notes on new DevTools features.
Native controls, linked labels and hints, clear errors, visible focus and manual testing: the form accessibility fixes we would make first.
Start with nosniff, HSTS and framing controls, then adopt a strict Content-Security-Policy in report-only mode before enforcing it.
Find the few queries that matter with Query Monitor, then fix N+1 loops, missing indexes, autoloaded options and repeated queries safely.
Have something that needs rebuilding? Send a few lines about it. We reply with a suggested plan.
Start a project