Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

Articles by Addy Osmani

Eng Manager, Web Developer Relations

Web Performance Made Easy: Google I/O 2018 edition

Learn the current tools, libraries and optimization techniques that make improving web performance easier, by following the Oodles Theater project.

Reduce JavaScript Payloads with Code Splitting

Modern sites often contain a lot of JavaScript. These scripts are often sent down in large, monolithic bundles which can take a long time to download and process. Code-splitting encourages breaking up these scripts so you only send what a user needs when they need it.

Speed is now a landing page factor for Google Search and Ads

Speed is now a landing page factor for Google Search and Ads.

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.

Introduction

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.