Performance Game Changer: Browser Back/Forward Cache
At the end of 2021, the Chrome team shipped some functionality that has the ability to make or break sites meeting the Core Web Vitals.
Category: Performance
All Categories
Picture perfect images with the modern img element
You may not think about images as part of your web dev work, but they can affect your web app’s performance more than any other part of your code.
Making the world’s fastest website, and other mistakes
Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’
How to make MPAs that are as fast as SPAs
Today, I want to talk about how you can build multi-page apps (or, you know, regular websites) that are as fast as SPAs.
Optimizing a Web Site for Google’s New UX Criteria
Web magazine about user experience matters, providing insights and inspiration for the user experience community
Improving Core Web Vitals, A Case Study
How to improve Core Web Vitals, a case study on how to detect and fix bottlenecks, and how we ended up with green scores, all the way.
Design tool performance signatures
When pushed, how do various design tools utilise the hardware they’re running on?
Towards an animation smoothness metric
Learn about measuring animations, how to think about animation frames, and overall page smoothness.
Which SVG technique performs best for way too many icons?
When I started giving talks about SVG back in 2016, I’d occasionally hear a question I never had a great answer for.
How I made Google’s data grid scroll 10x faster with one line of CSS
And the debug process leading up to it.
Towards an animation smoothness metric
Learn about measuring animations, how to think about animation frames, and overall page smoothness.
Building an effective Image Component
Images are a common source of performance bottlenecks for web applications and a key focus area for optimization.
The Art of Deception, Lighthouse Score Edition
Some folks are talking about Lighthouse scores in a way that is—in my opinion—not as forthright as it could be (intentionally or not).
My Challenge to the Web Performance Community
Performance optimization should be about making your users happy, not about making your tools happy.
Using Modern Image Formats: AVIF And WebP
In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality.
Refactoring CSS: Optimizing Size And Performance
CSS optimization techniques that we can apply to tackle common performance issues.
The performance effects of too much lazy-loading
Eagerly loading images within the initial viewport—while liberally lazy-loading the rest—can improve Web Vitals while loading fewer bytes.
Serving sharp images to high density screens
Why compressing images for dense screens is different, and how to serve them.
Best practices for fonts
Learn about how to optimize web fonts for Core Web Vitals.
Real-world CSS vs. CSS-in-JS performance comparison
I took a real app and converted it from Styled Components to Linaria to compare the app performance of CSS-in-JS and normal CSS.
