Author Addy Osmani

June 4, 2024 — The web is still a young platform, and we’re only now beginning to recognize what “success” looks like for large projects. In his recent Smashing book, Success at Scale, Addy Osmani presents practical case studies featuring the web’s most renowned companies and their efforts to make big changes to existing apps and sites. In this article, Addy shows some of the key insights he has learned. Read more…

May 25, 2023 —

Success at Scale is a curated collection of best-practice case studies capturing how production sites of different sizes tackle performance, accessibility, capabilities, and developer experience at scale. Case studies are from industry experts from teams at Instagram, Shopify, Netflix, eBay, Figma, Spotify, Wix, Lyft, LinkedIn, and many more. Guidance that stands the test of time.

High-quality hardcover. Curated by Addy Osmani. Cover art by Espen Brunborg.

September 29, 2021 — In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets. Read more…

April 29, 2021 — Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy’s new book (also, check a free PDF preview). Read more…

April 23, 2021 —

Images have always been a key part of the web. Our brains are able to interpret images much faster than text, which is why high-quality visuals drive conversions and user engagement.

That said, loading images efficiently at scale isn’t a little project for a quiet afternoon. It requires understanding of compression techniques, loading behavior, image decoding and image CDNs, adaptive media loading and caching.

This book will equip you with everything you need to know to optimize how you compress, serve and maintain images — boosting performance along the way. Jump to table of contents.

528 pages. High quality hardcover + eBook (PDF, ePUB, Kindle). Written by Addy Osmani. Shipping now.

June 10, 2013 — In this article, Addy Osmani will discuss how to improve the paint performance of your websites and Web apps. Luckily, a lot of great tools out there can help with that. Be sure to measure paint performance on both desktop and mobile, and if all goes well, your users will end up with snappier, more silky-smooth experiences, regardless of the device they’re using. Read more…

December 22, 2012 — Many of us care deeply about developing our craft. But staying up to date can be a true challenge, because the quantity of fresh information we’re regularly exposed to can be a lot to take in. 2012 has been no exception, with a wealth of evolution and refinement going on in the front end. Read more…

November 5, 2012 — There are many common pitfalls when it comes to writing memory-efficient and fast code. In this article we’re going to explore some test-proven approaches for writing code that performs better. Read more…

July 27, 2012 — When writing a web application from scratch, it’s easy to feel like we can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility plugins. The problem with this is that it doesn’t take long to get lost in a nested pile of jQuery callbacks and DOM elements without any real structure in place for our applications. Read more…

November 30, 2011 — Many of us rely on open source tools, technologies and standards to help improve the work we do on a daily basis. None of this would however be possible without the hard work, commitment and dedication that others, just like you, have invested in giving back to the Web community over the past two decades. Read more…

October 27, 2011 — Reviewing code is one of the best techniques to improve the overall quality of your solutions. In this post, Addy Osmani looks at where to get your code reviewed, how to structure your requests, and what reviewers look for. Read more…

October 11, 2011 — Addy Osmani explores several time-saving design patterns and best practices that can be employed to improve your plugin development process. (Note: this post is targeted at intermediate to advanced developers.) Read more…

September 2, 2011 — In this multi-part post, Addy Osmani takes you through the exact set-up he uses to accurately test content that will be potentially viewed by up to millions of users with a very diverse set of browsers. Read more…

January 1, 0001 —

Images have always been a key part of the web. Our brains are able to interpret images much faster than text, which is why high-quality visuals drive conversions and user engagement.

That said, loading images efficiently at scale isn’t a little project for a quiet afternoon. It requires understanding of compression techniques, loading behavior, image decoding and image CDNs, adaptive media loading and caching.

This book will equip you with everything you need to know to optimize how you compress, serve and maintain images — boosting performance along the way.

January 1, 0001 — Success at Scale is a curated collection of best-practice case studies capturing how production sites of different sizes tackle performance, accessibility, capabilities, and developer experience at scale. Case studies are from industry experts from teams at Instagram, Shopify, Netflix, eBay, Figma, Spotify, Wix, Lyft, LinkedIn, and many more. Guidance that stands the test of time. Read more…