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...
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...
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.