Thanks to visit codestin.com
Credit goes to 3perf.com

Talks and Case StudiesWorkshops
[email protected]

Web Performance, Explained

React and Core Web Vitals writing from Ivan Akulov, a web performance engineer and a Google Developer Expert.

Backed by 9 years of doing performance work with Framer, Polymarket, Google, and many more companies.

Sort homepage by category or date

2026

Tooling
Chrome DevTools Throttling Is Not Accurate
 
Chrome DevTools slows down requests, not packets. This means its throttling is often off.

2025

Tooling
Lighthouse punishes good asset preloading
 ★
Why Lighthouse gives bad scores even when a site is fast
Tooling
Performance archaeology: Packer.js, a JS minifier from 2004
 

2024

Case Studies
How Framer integrated AVIF
 
Serving AVIF across Framer (~20% smaller files) without slow first loads

2022

Case Studies
Making React interactions in Causal 4× faster
 
React & Runtime
React Concurrency, Explained
 ★
React & Runtime
How to monitor React render performance
 ★
So you just made your app fast. Now, how do you ensure it doesn’t get slow again?
Case Studies
A dive into Spotify performance at 1 am
 

2021

Loading, Fonts & Images
Antipattern: <link rel="preload"> and fonts
 
React & Runtime
Antipattern: objects in React contexts
 
Loading, Fonts & Images
Tips to improve Cumulative Layout Shift
 
Tooling
PerfPerfPerf’s favorite tools
 
Non-webpack tools for web performance
Tooling
devtools-perf-features
 
Chrome DevTools’ little known features for performance debugging
React & Runtime
How to find and fix unnecessary React rerenders
 
Bundles
/*#__PURE__*/
 
What it is and why it’s in every JS bundle – even though you likely never heard of it

2020

Bundles
Why reexports are bad for performance
 
Loading, Fonts & Images
6 ways to optimize third parties
 
Loading, Fonts & Images
1 💟 = 1 web perf tip
 
Case Studies
Analyzing Notion app performance
 ★
How to make a React app load ~30% faster – just by tuning some configs and delaying some scripts
Bundles
How to remove bundle duplicates
 
Tooling
How PerfPerfPerf’s site got to 100 in PageSpeed Insights
 
Spoiler alert: no client-side JavaScript
Loading, Fonts & Images
How to load polyfills only when needed
 
Case Studies
Webpack bundles, large and small
 

2019

React & Runtime
How to optimize resizing or scrolling
 
Bundles
webpack-libs-optimizations
 
Performance tips & tricks for popular JS libraries. Created in collaboration with the Google Chrome team
Loading, Fonts & Images
Quick apps in 3 steps
 
Want to get faster with a minimal effort? Do this.
Case Studies
Analyzing the Walmart site performance
 
A deep-dive into improving Walmart’s site speed and conversion
Loading, Fonts & Images
Preload, prefetch and other <link> tags
 ★
Case Studies
Improving Polished’s bundle size for webpack users
 

2018

Loading, Fonts & Images
Web Performance 101
 ★
A comprehencive guide into modern loading performance
Loading, Fonts & Images
Google Fonts optimizer
 
A 550-byte script to make your Google Fonts render 1-3 seconds faster
Loading, Fonts & Images
How to optimize images in webpack
 
Bundles
moment-locales-webpack-plugin
 
A webpack plugin that removes unused Moment locales and makes the bundle hundreds of KBs smaller
Bundles
Optimizing web performance in webpack
 
Guide for Google’s Web Fundamentals, together with Addy Osmani
Bundles
awesome-webpack-perf
 
A curated list of webpack tools for web performance
Loading, Fonts & Images
Short basics of caching
 

Performance articles, case studies, and more. An email every once in a while:

PerfPerfPerf · 2017–2026🖤
Sole proprietorship (eenmanszaak). Amsterdam, Netherlands. KvK no. 86522469. VAT ID NL004265772B46. Terms and Conditions. Privacy Policy