Ilya is a Developer Advocate and Web Perf Guru
Today, we’re announcing a new Chrome User Experience Report with expanded coverage of over 1 million top origins on the web.
HTTP/2 (or h2) is a binary protocol that brings push, multiplexing streams and frame control to the web.
The 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 saving' mode in the browser.
Image optimization is hard and automation is the key to success.
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.
Learn to identify and resolve critical rendering path performance bottlenecks.
This guide examines PageSpeed Insights rules in context: what to pay attention to when optimizing the critical rendering path, and why.
You should audit your resources periodically to ensure that each resource is helping deliver a better user experience.
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.
Optimizing the critical rendering path refers to prioritizing the display of content that relates to the current user action.
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.
Learn the key factors in optimizing the critical rendering path.
Learn to measure the critical rendering path.
By default CSS is treated as a render blocking resource. Learn how to prevent it from blocking rendering.
Learn how the browser constructs the DOM and CSSOM trees.
Caching and reusing previously fetched resources is a critical aspect of optimizing for performance.