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 ). Estimated Input Latency tells us if we are hitting that threshold, and ideally, it should be below 50ms. Adjust the argument depending on the group of stakeholders you are speaking to.

Performance 145

Performance Cache Network Metrics 145

Alex Russell

OCTOBER 22, 2017

If our example document wasn’t reliant on JavaScript to construct the <my-app> custom element, the contents of the document would likely be interactive as soon as enough CSS and content was available to render meaningfully. Any DOM or UI created in JS is not available for use until the script runs. 400Kbps transfer.

Performance 68

Performance Benchmarking Network Mobile 68

Smashing Magazine

JANUARY 7, 2019

Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. Estimated Input Latency tells us if we are hitting that threshold, and ideally, it should be below 50ms.

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

AUGUST 9, 2021

You’ve probably heard things like: “HTTP/3 is much faster than HTTP/2 when there is packet loss”, or “HTTP/3 connections have less latency and take less time to set up”, and probably “HTTP/3 can send data more quickly and can send more resources in parallel”. HTTP/2 versus HTTP/3 protocol stack comparison ( Large preview ). What Is QUIC?

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

AUGUST 22, 2021

Because we are dealing with network protocols here, we will mainly look at network aspects, of which two are most important: latency and bandwidth. Latency can be roughly defined as the time it takes to send a packet from point A (say, the client) to point B (the server). Two-way latency is often called round-trip time (RTT).

Performance 106

Performance Network Latency Servers 106

Smashing Magazine

SEPTEMBER 6, 2021

Finally, not inlining resources has an added latency cost because the file needs to be requested. mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). Google Chrome (version 91+) : Enabled by default. Google Lighthouse. First, there is the Google Lighthouse tool suite.

Network 105

Network Servers Cache Traffic 105