Smashing Magazine

OCTOBER 24, 2023

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. Analytics is a good example. Analytics is another difficult choice.

Google 93

Google Analytics Traffic Metrics 93

Highly Scalable

MAY 1, 2012

Statistical analysis and mining of huge multi-terabyte data sets is a common task nowadays, especially in the areas like web analytics and Internet advertising. This approach often leads to heavyweight high-latency analytical processes and poor applicability to realtime use cases.

Analytics 191

Analytics Traffic Big Data Efficiency 191

Scalegrid

MARCH 28, 2024

This article will explore how they handle data storage and scalability, perform in different scenarios, and, most importantly, how these factors influence your choice. Redis’s support for pipelining in a Redis server can significantly reduce network latency by batching command executions, making it beneficial for write-heavy applications.

Cache 130

Cache Storage Scalability Architecture 130

Smashing Magazine

OCTOBER 31, 2023

Answering Common Questions About Interpreting Page Speed Reports Answering Common Questions About Interpreting Page Speed Reports Geoff Graham 2023-10-31T16:00:00+00:00 2023-10-31T17:06:18+00:00 This article is sponsored by DebugBear Running a performance check on your site isn’t too terribly difficult. That’s what this article is about.

Speed 99

Speed Google Website Metrics 99

Smashing Magazine

AUGUST 3, 2023

It increases our visibility and enables us to draw a steady stream of organic (or “free”) traffic to our site. While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority. The higher our organic traffic, the more profitable we become as a company.

Performance 75

Performance Cache Traffic Metrics 75

Smashing Magazine

MARCH 7, 2022

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. In this article, I want to spend a bit more time on this, and also look at other signals we can similarly use to help us make decisions on what to load on our websites. Barry Pollard.

Website 105

Website Media Mobile Network 105

Smashing Magazine

MARCH 2, 2021

These days, with mobile traffic accounting for over 50% of web traffic , it’s fair to assume that the very first encounter of your prospect customers with your brand will happen on a mobile device. Full disclosure and reminder: LambdaTest is a friendly sponsor of this article. ). That might come a little bit unexpected.

Mobile 135

Mobile Testing Website Benchmarking 135

IO River

NOVEMBER 2, 2023

Delta Air Lines experienced a severe system outage in 2017, resulting in flight cancellations and delays across their network. The stakes are even higher during high-traffic periods such as Black Friday or Cyber Monday. Therefore the availability of this system is 99.77%.Contrasting

Availability 52

Availability Social Media Traffic Games 52

IO River

NOVEMBER 2, 2023

Delta Air Lines experienced a severe system outage in 2017, resulting in flight cancellations and delays across their network. The stakes are even higher during high-traffic periods such as Black Friday or Cyber Monday. Therefore the availability of this system is 99.77%.Contrasting

Availability 52

Availability Social Media Traffic Games 52

Smashing Magazine

DECEMBER 14, 2021

I was working on an application that opened the provided webpage and then give the user an option to modify elements, add events, add analytics, and so on. That was when I first got to witness the power of network headers. The ability to modify the headers of traffic that pass through your browser is a great tool to have.

Testing 102

Testing Network Website Google 102

Dean Hume

APRIL 24, 2018

The title of this article might seem like clickbait - but bear with me. Each HTTP request that is required for the page needs to travel over the network and in turn this consumes energy on both the server and client. Jake Archibald has written a great article on this. It’s a win-win all round!

Energy 40

Energy Cache Traffic Website 40

Dean Hume

APRIL 24, 2018

The title of this article might seem like clickbait - but bear with me. Each HTTP request that is required for the page needs to travel over the network and in turn this consumes energy on both the server and client. Jake Archibald has written a great article on this. It’s a win-win all round!

Energy 40

Energy Cache Traffic Website 40

Dean Hume

APRIL 24, 2018

The title of this article might seem like clickbait - but bear with me. Each HTTP request that is required for the page needs to travel over the network and in turn this consumes energy on both the server and client. Jake Archibald has written a great article on this. It’s a win-win all round!

Energy 40

Energy Cache Traffic Website 40

Smashing Magazine

APRIL 19, 2021

I’m sure we’ve all clicked on an article, started reading, and then had the text jump around as images, advertisements, and other content is loaded. These tools run page loads on simulated networks and devices and then tell you what the metrics were for that test run. This is quite jarring and annoying for users so best to minimize it.

Google 141

Google Metrics Mobile Analytics 141

Smashing Magazine

JANUARY 11, 2021

This guide has been kindly supported by our friends at LogRocket , a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3. Vitaly Friedman. Large preview ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JUNE 1, 2022

These services use requests to external hosts (not servers you control) to deliver JavaScript framework libraries, custom fonts, advertising content, marketing analytics trackers, and more. In this article, however, we are going to focus on the third-party services that work their way into the design of your web pages.

Website 133

Website Design Network Best Practices 133

Jos

JUNE 2, 2018

You will work hard on implementing features, collaborating with other teams (eg adding scripts for analytics, ads, retargeting, A/B test), setting up CI/CD, ensuring security, and making sure the project is usable and pleasant to the eye. Simulate bad network conditions and slow CPUs and make your project resilient.

Performance 237

Performance Speed Google Media 237

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. The entire site is built with progressive enhancement in mind, meaning that you, dear reader, can read every Smashing article in its entirety without the need to boot the application at all. We had to fix that.

Performance 145

Performance Cache Mobile Network 145

Alex Russell

MARCH 6, 2021

Thanks to progress in networks and browsers (but not devices), a more generous global budget cap has emerged for sites constructed the "modern" way: ~100KiB of HTML/CSS/fonts and ~300-350KiB of JS (compressed) is the new rule-of-thumb limit for at least the next year or two. Modern network performance and availability.

Performance 124

Performance Network Cache Metrics 124

CSS - Tricks

MAY 15, 2019

Images make up around 50% of an average website's traffic. In short, we’re talking about a mechanism that defers the network traffic necessary to load content when it’s needed — or rather when trigger the load when the content enters the viewport. Based on the user's screen size, display pixel ratio, network conditions, etc.,

Traffic 58

Traffic Website Network Analytics 58

Smashing Magazine

APRIL 1, 2020

They can be more costly to implement — the cost involved in building a user-friendly platform with analytics is high when compared to using traditional CMS. Please note that this article is not written to promote any services or products. In this article, we’d be using GraphCMS because of its GraphQL API approach.

Open Source 105

Open Source Website Mobile Code 105

Smashing Magazine

JANUARY 6, 2020

Study common complaints coming into customer service and sales team, study analytics for high bounce rates and conversion drops. Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Yet often, analytics alone doesn’t provide a complete picture.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JULY 29, 2019

This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. 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. As for mobile network connection type, 84.7%

Cache 97

Cache Google Mobile Network 97

Jos

JUNE 2, 2018

You will work hard on implementing features, collaborating with other teams (eg adding scripts for analytics, ads, retargeting, A/B test), setting up CI/CD, ensuring security, and making sure the project is usable and pleasant to the eye. Simulate bad network conditions and slow CPUs and make your project resilient.

Performance 130

Performance Speed Google Media 130

Smashing Magazine

JANUARY 7, 2019

To get accurate results and goals though, first study your analytics to see what your users are on. If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g. While download times are critical for low-end networks, parse times are critical for phones with slow CPUs.

Performance 104

Performance Cache Metrics Network 104

Dynatrace

JULY 11, 2019

based sample service in a staging and production namespace, a Jenkins instance and execute some moderate load to “simulate constant production traffic”. Dynatrace log analytics gives us access to the logs in the context of the current problem. Alerting on high CPU is not special – but – I am really only running a small node.js

Open Source 41

Open Source Metrics Monitoring Cloud 41