Missed the action at this year's Chrome Dev Summit? Catch up with our playlist on YouTube. Watch now.

Latest contributions from Ilya Grigorik

Introduction to HTTP/2

HTTP/2 (or h2) is a binary protocol that brings push, multiplexing streams and frame control to the web.

Delivering Fast and Light Applications with Save-Data

The new Save-Data client hint request header available in Chrome, Opera, and Yandex browsers enables developers to deliver fast and light applications to users who have opted-in to 'data savings' mode in their browser.

Automating Resource Selection with Client Hints

Image optimization is hard and automation is the key to success.

Web Font Optimization

Typography is fundamental to good design, branding, readability, and accessibility. Webfonts enable all of the above and more: the text is selectable, searchable, zoomable, and high-DPI friendly, providing consistent and sharp text rendering regardless of the screen size and resolution.

Image Optimization

Analyzing Critical Rendering Path Performance

Learn to identify and resolve critical rendering path performance bottlenecks.

PageSpeed Rules and Recommendations

This guide examines PageSpeed Insights rules in context: what to pay attention to when optimizing the critical rendering path, and why.

Eliminating Unnecessary Downloads

You should audit your resources periodically to ensure that each resource is helping deliver a better user experience.

Optimizing Encoding and Transfer Size of Text-Based Assets

Next to eliminating unnecessary resource downloads, the best thing we can do to improve page-load speed is to minimize the overall download size by optimizing and compressing the remaining resources.

Critical Rendering Path

Optimizing the critical rendering path refers to prioritizing the display of content that relates to the current user action.

Optimizing Content Efficiency

The amount of data downloaded by apps continues to increase over time. To deliver great performance you must optimize data delivery as much as possible.

Optimizing the Critical Rendering Path

Learn the key factors in optimizing the critical rendering path.

Render-tree Construction, Layout, and Paint

TODO

Measuring the Critical Rendering Path

Learn to measure the critical rendering path.

Render Blocking CSS

By default CSS is treated as a render blocking resource. Learn how to prevent it from blocking rendering.

Constructing the Object Model

Learn how the browser constructs the DOM and CSSOM trees.

HTTP Caching

Caching and reusing previously fetched resources is a critical aspect of optimizing for performance.

Adding Interactivity with JavaScript

JavaScript allows us to modify just about every aspect of the page: content, styling, and its response to user interaction. However, JavaScript can also block DOM construction and delay when the page is rendered. To deliver optimal performance, make your JavaScript async and eliminate any unnecessary JavaScript from the critical rendering path.