Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf.

Performance 103

Performance Latency Cache Virtualization 103

Smashing Magazine

SEPTEMBER 27, 2021

Example: Finding My Articles in Smashing Magazine. I want to write a test for this website, Smashing Magazine. In Cypress, it’s possible to work with network features — another helpful way of waiting in your application is to use these features to work with network requests. How does that work?

Testing 136

Testing Website Code Efficiency 136

Smashing Magazine

NOVEMBER 5, 2024

It’s unlikely that your throttled conditions match the connection speeds of an average real user on the website, as they may have a faster network connection or run on a slower CPU. Zeunert has another great post here on Smashing Magazine that discusses each metric in detail. And again, the environment is a configuration, not reality.

Website 88

Website Speed Google Metrics 88

Smashing Magazine

MARCH 2, 2021

The gotcha here is that, if your mobile experience isn’t optimized for various devices and network conditions, these customers will never appear in your analytics — just because your website or app will be barely usable on their devices, and so they are unlikely to return. Testing the Smashing Magazine website on different devices.

Mobile 136

Mobile Testing Website Benchmarking 136

Smashing Magazine

AUGUST 10, 2023

The other issue is that the data I’m getting back is based on lab simulations where I can add throttling, determine the device that’s used, and the network connection, among other simulated conditions. On that note, it’s worth calling out that there are multiple flavors of network throttling. Real usage data would be better, of course.

Speed 82

Speed Monitoring Testing Network 82

Smashing Magazine

OCTOBER 31, 2023

Barry Pollard, a web performance developer advocate for Chrome, wrote an excellent primer on the CrUX Report for Smashing Magazine. Chrome DevTools includes a separate “Performance” tab where the testing environment’s CPU and network connection can be artificially throttled to mirror a specific testing condition, such as slow internet speeds.

Speed 100

Speed Google Website Metrics 100

Smashing Magazine

DECEMBER 7, 2023

The difference between real-time user monitoring and measuring performance against CrUX data is big enough that it’s worth reading up on it, and we have a full article on Smashing Magazine that goes deeply into the differences for you. DebugBear actually tests with a slower network, resulting in more accurate data.

Traffic 98

Traffic Metrics Google Monitoring 98

Smashing Magazine

AUGUST 9, 2021

It also, however, takes a full network round trip to complete before anything else can be done on a connection. Finally, QUIC also uses so-called flow-control and congestion-control mechanisms that prevent a sender from overloading the network or the receiver, but that also make TCP slower than what you could do with raw UDP.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

MARCH 16, 2020

If you inspect the network tab as you scroll down, you’ll see that as soon as you hit the red line (the bottom boundary), the API call happens, and all the images start loading even when you haven’t gotten to viewing them. We may want to save network calls until the user wants to see an image. Implementing Image Lazy Loading.

Code 125

Code Ecommerce Network Operating System 125

Smashing Magazine

AUGUST 25, 2022

How do I account for different network speeds in different environments? This solution is fine when network speeds are fast, but it can be problematic when network speeds are not fast (or fluctuate). And if there is one thing we all know — we cannot control the speed network our customers are using.

Media 110

Media Speed Network Analytics 110

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. The delivery of static assets in formats such as WebP via a Content Delivery Network (CDN) is also crucial to serving your users a fast website. Technical and sales support. Enterprise features. Infrastructure Integration.

Cache 144

Cache Website Mobile Google 144

Smashing Magazine

JANUARY 15, 2019

This includes the work done by the server, the client and the intermediary communications networks that transmit data between the two. All of the major browsers provide developer tools that allow us to measure network activity. Reduce Network Requests. Data transfer is one thing that we can measure quite easily. Large preview ).

Website Performance 74

Website Performance Website Energy Performance 74

Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. The more enriched sentence (right) is an enhancement for when the network request succeeds.

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

FEBRUARY 27, 2024

If you haven’t heard, INP is replacing the First Input Delay (FID) metric, something you can read all about here on Smashing Magazine as a guide to prepare for the change. There’s network timing, navigation timing, resource timing, and plenty of custom reporting features available on top of the Core Web Vitals we’ve looked at.

Performance 99

Performance Metrics Monitoring Google 99

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. If we think about social networks, we can see two clear trends, those focusing on text and those focusing on multimedia content. An Image Service CDN is a combination of an Image Transformation API and a CDN network. Large preview ).

Media 109

Media Cache Website Mobile 109

Smashing Magazine

SEPTEMBER 6, 2021

Next, we’ll look at how to set up servers and clients (that’s the hard part unless you’re using a content delivery network (CDN)). Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. Servers and Networks. Network Configuration.

Network 108

Network Servers Cache Traffic 108

Smashing Magazine

JUNE 10, 2021

Waterfaller: A Tool Focusing On Network Waterfalls. Contrary to Lighthouse or WebPage Test, Waterfaller focuses on one thing alone — issues in the network waterfall. Waterfaller focuses on issues in the network waterfall and provides recommendations for improvement. I discovered Waterfaller just recently.

Cache 107

Cache Website Best Practices Network 107

Tim Kadlec

JANUARY 11, 2012

Smashing Magazine just launched their newly redesigned site. That’s an awful big drag on page load time—no matter what device or network you are viewing the site on. I’m not sure exactly on Smashing Magazine’s business model, prices, etc., Not just for Smashing Magazine, but across all sites. Advertising.

AWS 40

AWS Network Design Testing 40

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. Homepage with DevTools Network inspection enabled and open. Homepage of a default Drupal site using the Umami theme. Let’s use that instead of a standard JPG.

Media 74

Media Metrics Mobile Best Practices 74

Smashing Magazine

JULY 23, 2021

Networking. Networking is an excellent way of doing this and is a reliable way of finding new work opportunities. The downside of networking is that it is time-consuming and doesn’t scale. To achieve this, we cannot just throw the occasional blog post online or turn up to a networking event once in a while.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

JUNE 26, 2019

In this case, my website is “slow”, even when served on 4G networks. Because service workers exist outside of the web browser and are not contingent on the speed of the user’s network, they load cached content for visitors more quickly. seconds too long. Which I wholeheartedly agree with.).

Website 111

Website Speed Mobile Design 111

Smashing Magazine

DECEMBER 14, 2021

That was when I first got to witness the power of network headers. There are tools like Requestly which is a one-stop tool to debug & modify network requests. Requestly allows users to Modify Headers, Redirect URLs, Switch hosts, Mock API response, Delay network requests, Insert custom scripts, etc. Adding Request Headers.

Testing 103

Testing Network Website Google 103

Smashing Magazine

JUNE 1, 2022

In this case, we are not going to be talking about infrastructure services, such as a cloud computing platform like Microsoft Azure or a content distribution network like Akamai. And JavaScript can certainly make requests for additional network resources. Sometimes, the visitor’s browser itself can be the origin of network activity.

Website 133

Website Design Network Testing 133

Rigor

JUNE 12, 2019

She explains, “The most sophisticated monitoring tool can alert you and give you enough data to diagnose what might be causing poor network performance. She also recommends following Smashing Magazine and HTTP Archive for additional information. It’s not going to solve the front-end performance issues. Andy Davis – @ andydavies.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. It essentially describes the lifetime of each file you download to load your page from the network. You can see this by opening your browser and looking in the Networking tab.

Cache 128

Cache Performance Servers Architecture 128

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. link] , 2021 [Trader 21] Tiffany Trader, “Cerebras Second-Gen 7nm Wafer Scale Engine Doubles AI Performance Over First-Gen Chip ,” [link] , Apr 2021 [Ghigoff 21] Yoann Ghigoff, et al.,

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

AUGUST 23, 2019

In the network tab of the developer console you can check that we have not loaded the complete image, but only a small part. Network console when loading the preview image ( Large preview ). Network console when loading the preview image as data URI ( Large preview ). Network console when loading the entire image (31.7

Network 104

Network Servers Programming Code 104

Smashing Magazine

MAY 9, 2022

A disk cache is faster than having to fetch those resources from the network (though not always, oddly enough !), Manual testing may also show this, especially if you can slow down your network, but that is a little subjective, so can be prone to false positives and false negatives. The HTTP Cache is a disk cache.

Cache 93

Cache Games Performance Website 93

Smashing Magazine

OCTOBER 24, 2023

Let’s look at it for a site that’s much “heavier” than Smashing Magazine. Total Blocking Time One thing I know would be more helpful than a set of Core Web Vitals scores from Lighthouse is knowing the time it takes to go from the First Contentful Paint (FCP) to the Time to Interactive (TTI), a metric known as the Total Blocking Time (TBT).

Google 94

Google Analytics Traffic Metrics 94

Smashing Magazine

NOVEMBER 22, 2021

While mobile devices have come a long way in terms of network and CPU speed, many of them are still significantly underpowered when compared to desktops, especially in countries where mobile connectivity is still poor. This is more than the median improvement in network speeds during the same period, which results in slower loading times.

Website 129

Website Performance Google Website Performance 129

Smashing Magazine

APRIL 19, 2021

These tools run page loads on simulated networks and devices and then tell you what the metrics were for that test run. LCP is going to be very dependent on network conditions and the processing power of devices being used (and a lot of your users are likely using a lot of lower-powered devices than you realize! ).

Google 141

Google Metrics Mobile Analytics 141

Brendan Gregg

APRIL 30, 2018

Apart from networking, attending conferences like LISA in person is an effective way to upgrade your skills: you can block out work interruptions and absorb new knowledge that's been neatly summarized into sessions. We first met each other at LISA, in addition to making many other important industry connections over the years.

DevOps 41

DevOps Network Best Practices Programming 41

Smashing Magazine

JULY 29, 2019

Failing that, we are usually able to connect to home or public WiFi networks that are on fast broadband connections and have effectively unlimited data. The speed of mobile networks, too, varies considerably between countries. As for mobile network connection type, 84.7% Kyrgyzstan, Kazakhstan and Ukraine follow at $0.27, $0.49

Cache 97

Cache Mobile Google Network 97

Smashing Magazine

MAY 16, 2022

This header can be set on the response of any network resource, such as XHR, fetch, images, HTML, stylesheets, etc. These subtypes are currently the only subtypes related to network requests and thus exposing the Server-Timing information. Setting Server-Timing. For Images, Stylesheets, JS files, the HTML Doc, etc.

Servers 95

Servers Monitoring Cache Network 95

Brendan Gregg

APRIL 29, 2018

Apart from networking, attending conferences like LISA in person is an effective way to upgrade your skills: you can block out work interruptions and absorb new knowledge that's been neatly summarized into sessions. We first met each other at LISA, in addition to making many other important industry connections over the years.

DevOps 40

DevOps Network Best Practices Programming 40

Smashing Magazine

FEBRUARY 2, 2022

This problem is more apparent on unreliable and slow networks and lower-end devices. Users can browse the Internet using slow and unreliable networks, so minification, optimization, and code-splitting of JavaScript files ensure that the user downloads the smallest file possible. Large preview ). Large preview ).

Code 91

Code Performance Network Website 91

Smashing Magazine

MAY 5, 2021

This can be measured in content download of the HTML resource in the network panel. It is best practice to assume many real-world users won’t be using an iPhone 12, but rather a mid-level device on a mid-level network. Conclusions. Delivering thin resources is essential, especially when it comes to HTML.

Google 111

Google Architecture Servers Speed 111