Minimal snippets for modern CSS layouts and components

Exploring Core Web Vitals, Chrome performance panel, what initial load performance is, which metrics measure it, and how cache control and different networking conditions influence it.

Why design another new performance score?! Good question…

CSS is render- but not parser-blocking. This means that while a browser is fetching CSS, it is permitted to continue parsing the rest of your HTML but not render it. HOWEVER! If you’re not careful, you can inadvertently end up in parser-blocking territory.

Chrome is currently prototyping CSS Functions, which is very exciting!

A visual tool for experimenting with flexbox layouts

See charts from the Chrome UX Report History API

An Article on Looking how browsers choose the right image to load with srcset, dpr, and sizes | Articles

The median web page has grown 8% in one year. How does this affect your Core Web Vitals, your search rank, your business and your users?

To improve our two most important pages from an SEO and SEM perspective, we started digging into how to improve their INP, a metric to…

AI coding from code completion (L1) to task automation (L2), project automation (L3), AI software engineer (L4), and AI development teams (L5).

Discover the key differences between HSL and HSV/HSB color models, gain a deeper understanding of color theory and improve your color skills.

Online discussions about using Large Language Models to help write code inevitably produce comments from developers who’s experiences have been disappointing. They often ask what they’re doing wrong—how come some …

Page slowdowns can cause as much damage as downtime, hurting revenue, brand health, and permanent abandonment rate.

Glossary of common web performance metrics you can track with synthetic (SYN) and real user monitoring (RUM). We also show browser support for each metric, as well as whether the metric is supported within a single-page application (SPA).

An Article on Web Performance - Prioritising User Experience ahead of Search Rankings | Articles

Web Performance improvement for QuintoAndar webapp: LCP, Element Render Delay & Hydration

Detailed insights into patterns like await-interaction-response, yieldToMain, yieldUnlessUrgent & tips for faster Interaction-to-Next-Paint (INP).

How do you quantify the impact of your web performance changes? Learn how experimentation can support making this easier to measure.