Add fetchpriority=high to your Largest Contentful Paint image to get it to load sooner. Priority Hints sped up Etsys LCP by 4% with some sites seeing an impr... | Continue reading
Today I will share some of the software engineering soft skills I have learned from my first 10 years on Google Chrome, where I am a Senior Staff Engineering... | Continue reading
Introducing a new Performance Heads-Up Display (HUD) to Chrome and Chrome for Android | Continue reading
React Server Components aim to enable modern UX with a server-driven mental model. In this post I will share some notes I took while catching up on the lates... | Continue reading
Tip: Lazy-load non-critical resources when a user interacts with UI requiring it. Your page may contain code or data for a component or resource that isnt im... | Continue reading
Incremental migrations are excellent for updating large legacy projects. Migrate a small piece at a time with lower risk then gradually do the rest. | Continue reading
Measuring costly JavaScript with the JavaScript self-profiling API | Continue reading
PRPL is a pattern for structuring and serving web applications and Progressive Web Apps with an emphasis on improved app delivery and launch performance. | Continue reading
PRPL is a pattern for structuring and serving web applications and Progressive Web Apps with an emphasis on improved app delivery and launch performance. | Continue reading
Emulate vision deficiencies in to see how users who experience color blindness or blurred vision might see your site. | Continue reading
VSCode Debug Visualizer is a VSCode extension that allows you to visualize data structures in your editor | Continue reading
If you are optimizing Largest Contentful Paint, preload can be a game-changer for speeding up late-discovered hero images and resources, loaded via JavaScript. | Continue reading
Learn how to implement infinite scrolling for lists without impacting Cumulative Layout Shift | Continue reading
Native lazy-loading for iframes is now supported in Chrome and Chromium browsers | Continue reading
We improved image lazy-loading in Chrome! The new thresholds for when we lazy-load images offer much better data-savings, are closer to JavaScript lazy-loadi... | Continue reading
You can automatically open Chrome DevTools in each new tab | Continue reading
This guide has recipes for automating Web Performance measurement with Puppeteer. | Continue reading
This guide looks at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental scheduler ... | Continue reading
Adaptive Loading is a pattern for delivering a fast core experience to all users (including low-end devices) where you progressively add high-end-only featur... | Continue reading
Tips I use to avoid burnout: | Continue reading
At Google I/0 2019, we announced that we would finally be bringing support for font-display to Google Fonts. I'm happy to share this is now available in ... | Continue reading
Learn about approaches to reduce the cost of rehydration in server rendered experiences | Continue reading
Learn about why modern web performance metrics matter | Continue reading
Learn how to speed up next-page navigations using prefetching | Continue reading