Smashing Magazine

APRIL 17, 2019

For a busy page with lots of external resources (like perhaps a news website with loads of ads and trackers), there might be dozens of DNS lookups required per page. This typically happens once per server and takes up valuable time — especially if the server is very distant from the browser and network latency is high.

Performance 106

Performance Games Servers Cache 106

Smashing Magazine

AUGUST 10, 2023

In contrast, tools like DebugBear and WebPageTest use more realistic throttling that accurately reflects network round trips on a higher-latency connection. This is high-quality data from actual website visitors, for example based on Google’s Chrome User Experience (CrUX) Report. Real usage data would be better, of course.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

AUGUST 3, 2023

This commitment involves prioritizing websites that offer not only relevant content but also an excellent user experience. LCP is particularly vital for landing pages , which are predominantly content and often the first touch-point a visitor has with a website. Here are some examples: Looker Studio filter.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

MAY 16, 2022

Let’s assume all website images return this Server-Timing header structure. Using that cdn_time duration, the already accessible HTML Time-To-First-Byte value and the origin_time duration, we can determine latency sections more accurately, such as the user latency, the cdn to origin latency, etc.

Servers 93

Servers Monitoring Cache Network 93

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

MARCH 25, 2021

Unquestionably, media enlivens websites, adding appeal, excitement, and intrigue, let alone enticements to stay on a page and frequently revisit it. Even though rich media can promote user engagement, we need to balance the cost of delivering them with your website performance and business goals. Akshay Ranganath. Wrapping Up.

Media 118

Media Performance Mobile Latency 118

Smashing Magazine

SEPTEMBER 6, 2021

Finally, not inlining resources has an added latency cost because the file needs to be requested. Your user has requested that you navigate to example.com (a website you’ve never visited before), and you’ve used DNS to resolve that to an IP. Even if a server supports HTTP/3, however, clients (and website owners!)

Network 105

Network Servers Cache Traffic 105

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”. Websites would magically become 50% faster with the flip of a switch!

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

JANUARY 11, 2021

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the project until the final release of the website — what would that look like? Estimated Input Latency tells us if we are hitting that threshold, and ideally, it should be below 50ms. Image source ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? ( Large preview ). Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

SEPTEMBER 29, 2021

If you’re optimizing for the Web Vitals , you might be interested to hear that images account for ~ 42% of the Largest Contentful Paint element for websites. While decoding speed for JPEGs is excellent, it lacks other desirable features required of images on modern, eye-catching websites. JPEG is also a lossy compression format.

Open Source 144

Open Source Speed Website Google 144

Smashing Magazine

JANUARY 7, 2019

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? ( Large preview ). Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 104

Performance Cache Network Metrics 104