When browsers load a Web page and its subresources, A LOT happens under the hood. They need to take into account render/parsing blocking resources, use a pre...
AddyOsmani.com - Double-keyed Caching: How Browser Cache Partitioning Changed the Web
A deep dive into how browser cache partitioning has fundamentally changed web performance optimization, examining the trade-offs between privacy and performa...
Web Animation Performance Fundamentals – How to Make Your Pages Look Smooth
By Reza Lavarian What if I told you that web pages were interactive animations played back by your web browser? We watch various motions every time we're on a web page. And it's not only JavaScript or CSS animations that I'm talking about. Scrolling...
Single-page applications present some unique challenges for measuring and optimising core web vitals, here we review the key optimisations you should be making for your SPA
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript – Frontend Masters Boost
JavaScript Frameworks generally do a lot of DOM handling for you, but doing it yourself can be the most performant option, and there are quite a few best practices.
Comprehensive guide to JavaScript performance analysis using Chrome DevTools
Let's see how to navigate the Chrome Devtools Performance tab to effectively analyse and improve the performance of your JavaScript while avoiding common errors. Our use case will be improving the rendering FPS of a real-world canvas library.