Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 105

Network Servers Cache Traffic 105

Smashing Magazine

AUGUST 22, 2021

One aspect of performance is about how efficiently a transport protocol can use a network’s full (physical) bandwidth (i.e. 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. Congestion Control. What does it all mean?

Performance 106

Performance Network Latency Servers 106

Smashing Magazine

AUGUST 9, 2021

HTTP/2 versus HTTP/3 protocol stack comparison ( Large preview ). QUIC is needed because TCP, which has been around since the early days of the Internet, was not really built with maximum efficiency in mind. It combines decades of deployment experience and best practices of TCP with some core new features.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

APRIL 29, 2021

Use srcset + efficient modern image formats. It’s an initiative by Google to share unified guidance for quality signals that can be key to delivering a great user experience on the web. CWV is part of a set of page experience signals Google Search will be evaluating for ranking. You may have heard of Core Web Vitals (CWV).

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

SEPTEMBER 29, 2021

Users appreciate high-quality visuals, but care needs to be taken to deliver those hero images, product photos and cat memes as efficiently and effectively as possible. The efficiency of a codec can be mainly measured by how much compression it can achieve. See the Pen [Image format comparison 2]([link] by Addy Osmani.

Open Source 144

Open Source Speed Website Google 144

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 ). Adjust the argument depending on the group of stakeholders you are speaking to.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Alternatively, you can also use Speed Scorecard (also provides a revenue impact estimator), Real User Experience Test Comparison or SiteSpeed CI (based on synthetic testing). 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). Assets Optimizations.

Performance 104

Performance Cache Network Metrics 104