Smashing Magazine

AUGUST 15, 2023

Large preview ) While browsers are generally pretty fast, these steps still take time to load, typically in seconds, and even longer on slower, high-latency network connections. 400 pages , jam-packed with in-depth user research and best practices. Homepage of a default Drupal site using the Umami theme.

Media 73

Media Metrics Mobile Best Practices 73

Smashing Magazine

NOVEMBER 8, 2021

As developers, we rightfully obsess about the customer experience, relentlessly working to squeeze every millisecond out of the critical rendering path, optimize input latency, and eliminate jank. With 100s of real-life examples , guidelines and best practices that you can apply right away. Ilya Grigorik. More after jump!

Cache 136

Cache Best Practices Strategy Servers 136

Smashing Magazine

AUGUST 3, 2023

While dynamic serving provides simplicity in implementation, it imposes significant time costs due to the computational resources required to generate the pages and the latency involved in serving these pages to users at distant locations. It also reports on mobile usability, security, and best practices such as HTTPS.

Performance 74

Performance Cache Traffic Metrics 74

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

MAY 20, 2020

This metric is important, but quite vague because it can include anything — starting from server rendering time and ending up with latency problems. Let’s write a script that allows us to measure performance, a11y, best practices, and provide us with an SEO score. title, value: report.categories['best-practices'].score,

Performance 99

Performance Metrics Best Practices Code 99

Smashing Magazine

JANUARY 7, 2019

Estimated Input Latency tells us if we are hitting that threshold, and ideally, it should be below 50ms. For high-pressure points like animation, it’s best to do nothing else where you can and the absolute minimum where you can't. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19).

Performance 104

Performance Cache Network Metrics 104

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