Eng Manager, Web Developer Relations
Paint Holding - reducing the flash of white on same-origin navigations
A quick overview of paint holding. A Chromium feature for reducing the flash of white on same-origin navigations
Exploring a back/forward cache for Chrome
On the Chrome team, we are exploring a new back/forward cache to cache pages in-memory (preserving JavaScript & DOM state) when the user navigates away.
Rendering on the Web
Where should we implement logic and rendering in our applications? Should we use Server Side Rendering? What about Rehydration? Let's find some answers!
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.
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.