Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Next to videos, images are the heaviest, most requested assets on the web. Downloading files such as images or videos over the network can be slow and costly.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

JANUARY 11, 2021

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). It will help you build up a company-tailored case study with real data.

Performance 145

Performance Cache Media Metrics 145

MachMetrics

JUNE 18, 2019

“Images are still the number one cause of bloat on the web” Recently Addy Osmani of Google Chrome released a guide covering essential image optimization. In addition, nearly 60% of web traffic in 2018 came from mobile devices. Use a short video file instead of a GIF whenever possible. It’s a godsend.

Speed 81

Speed Website Social Media Media 81

Smashing Magazine

MARCH 7, 2022

However, the above table is not actually representative of total traffic, and that’s another point to note about this data. For others, it might involve using smaller images or not loading videos by default. This could be as simple as logging the values for these options in a Google Analytics Custom Dimension.

Website 103

Website Media Mobile Network 103

Smashing Magazine

APRIL 11, 2022

Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to measure how quickly the main content loads and is displayed to the user. This element could be an image, video, or simply, just a large block of text. Large preview ).

Media 69

Media Tuning Metrics Google 69

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Paddy Ganti’s script constructs two URLs (one normal and one blocking the ads), prompts the generation of a video comparison via WebPageTest and reports a delta. Large preview ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

To get a good first impression of how your competitors perform, you can use Chrome UX Report ( CrUX , a ready-made RUM data set, video introduction by Ilya Grigorik), Speed Scorecard (also provides a revenue impact estimator), Real User Experience Test Comparison or SiteSpeed CI (based on synthetic testing). Large preview ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

AUGUST 22, 2021

One of the reasons Google saw very good 0-RTT results for QUIC was that it tested it on its already heavily optimized search page, where query responses are quite small. In other cases, you’ll gain only a few dozens of milliseconds at best, even less if you’re already using a CDN (which you should be doing if you care about performance!).

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

AUGUST 9, 2021

For example, if the device is a firewall, it might be configured to block all traffic containing (unknown) extensions. In practice, it turns out that an enormous number of active middleboxes make certain assumptions about TCP that no longer hold for the new extensions. We will discuss these features in more depth later in this article.

Transportation 145

Transportation Internet Internet Network 145