Articles by Addy Osmani

Eng Manager, Web Developer Relations

Using JavaScript modules on the web

Loading Third-Party JavaScript

Third-party scripts provide a wide range of useful functionality, making the web more dynamic. Learn how to optimize the loading of third-party scripts to reduce their impact on performance.


JavaScript Start-up Optimization

Keep your network transmission and parse/compile cost for JavaScript low to ensure pages get interactive quickly.

Automating image optimization

Image formats!

Offline Storage for Progressive Web Apps

Learn how to store data locally for improved response time and offline support.

The PRPL Pattern

The App Shell Model

Application shell architecture keeps your UI local and loads content dynamically without sacrificing the linkability and discoverability of the web.

Introducing ES2015 Proxies

ES2015 Proxies (in Chrome 49 and later) provide JavaScript with an intercession API, enabling us to trap or intercept all of the operations on a target object and modify how this target operates.

Getting Started with Progressive Web Apps

Learn how to get started building Progressive Web Apps

Instant Loading Web Apps with an Application Shell Architecture

Application shell architecture is a method of building progressive web apps today, taking advantage of a range of technologies.

Tab Discarding in Chrome: A Memory-Saving Experiment

Reducing Chrome's memory footprint is one of the team's top priorities this year.

New Release of Material Design Lite - 1.0.4

There is a new release of Material Design Lite, bringing a host of bug fixes and improvements to the build process.

Measure Performance with the RAIL Model

RAIL is a user-centric performance model. Every web app has these four distinct aspects to its life cycle, and performance fits into them in different ways: Response, Animation, Idle, Load.

Getting Literal With ES6 Template Strings

Template String literals with embedded expressions. We've been waiting for this for ages. Literally

Automating Web Performance Measurement

Use PSI to get web performance metrics into your build process.

The Yeoman Monthly Digest #3

A monthly digest of high-quality Yeoman articles, generators and project news.

Yo Polymer – A Whirlwind Tour Of Web Component Tooling

A whirlwind tour of Web Components, Polymer and front-end tooling for them.

The Yeoman Monthly Digest #2

A regular round-up of articles, videos and talks authored by the Yeoman community.

The Yeoman Monthly Digest #1

A regular round-up of articles, videos and talks authored by the Yeoman community.

The Landscape Of Front-end Development Automation (Slides)

Learn how to improve your front-end productivity with tools for workflow automation.