Layout Thrashing and Forced Reflows
Posted: December 11, 2022
The browser's style and layout process (also known as reflow ) is responsible for assigning visual styles and geometry to elements of a…
JS Optimization
Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead
Posted: July 3, 2022
Web Developers often fixate on optimizing the delivery of assets to the end-user's device, and overlook the computation that takes place…
Long Tasks: What they are and why you should avoid them
Posted: November 9, 2021
All web applications are granted a single thread, the Main Thread, which is responsible for: Handling user input events, like clicks and…
Favor functions over classes for better minification
Posted: October 29, 2021
As part of the ES2015 specification, JavaScript received support for the class syntax. This syntax provides familiar object oriented…
Reduce your resource size with CSS and JavaScript Minification
Posted: October 23, 2021
Minification is one of the most common techniques web developers use to reduce the their app's resource sizes . Minifiers are build tools…
Preloading network dependencies on hover
Posted: October 17, 2021
The browser's 'mouseover' event can be used as an explicit signal from your users indicating what their next action might be. In this tip…
HTML Parsing Inefficiencies on Uber Eats
Posted: September 19, 2021
Like many others throughout the pandemic, I used Uber Eats to safely deliver food while going to restaurants was unavailable. One day, I…
How to optimize Date format operations
Posted: September 4, 2021
Many web applications require the presentation of user-friendly date strings within their UI. For example, most users would prefer seeing…