Ilya is a Developer Advocate and Web Perf Guru
Speed is now a landing page factor for Google Search and Ads.
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 how the browser constructs the DOM and CSSOM trees.
Learn to identify and resolve critical rendering path performance bottlenecks.
Optimizing the critical rendering path refers to prioritizing the display of content that relates to the current user action.
You should audit your resources periodically to ensure that each resource is helping deliver a better user experience.
Learn to measure the critical rendering path.
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.
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.
Learn the key factors in optimizing the critical rendering path.
This guide examines PageSpeed Insights rules in context: what to pay attention to when optimizing the critical rendering path, and why.
By default CSS is treated as a render blocking resource. Learn how to prevent it from blocking rendering.