Speed Curve

MARCH 7, 2022

But pages keep getting bigger and more complex year over year – and this increasing size and complexity is not fully mitigated by faster devices and networks, or by our hard-working browsers. Having said that, looking at data over the past ten years, it's safe to make the observation that pages are definitely trending bigger.

Mobile 145

Mobile Benchmarking Google Metrics 145

Smashing Magazine

AUGUST 31, 2021

Use it for <Provider> s, global definitions, application settings, and so on. Every time a new route is visited, our pages can tap into the AppStateContext and have their definitions passed down as props. A route will wrap other routes and thus provide them with common definitions instead of making developers duplicate code.

Cache 103

Cache Servers Best Practices Code 103

CSS Wizardry

MARCH 3, 2019

The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. Any asset that carries the no-store directive will always hit the network, no matter what. If there is a newer file available on the server, we definitely want to download it.

Cache 264

Cache Latency Strategy Servers 264

Smashing Magazine

AUGUST 3, 2023

Core Web Vital metrics definitions. You need to beware that slow server response times can significantly increase TTFB, often due to server overload, network issues, or un-optimized logic on the server side. You need to beware of large HTML files or slow network connections because they can lead to longer download times.

Performance 74

Performance Cache Traffic Metrics 74

CSS - Tricks

APRIL 1, 2021

It’s is a Google service that audit things performance, accessibility, SEO, and best practices. Using a network request inspector, I’m going to see if there’s anything we can remove via the Network panel in DevTools. In DevTools, the Network inspector helps us see what the first webpage is doing too.

Cache 92

Cache Social Media Media Network 92

Percona

AUGUST 30, 2023

Common components of DR and HA architectures By definition, there are differences between high availability (HA) and disaster recovery (DR). This may involve taking a server offline, rerouting network traffic, or replacing a failed disk drive. Safe and reliable cloud services exist, but read the fine print and ask those questions.

Database 88

Database Hardware Open Source Strategy 88

Smashing Magazine

AUGUST 22, 2021

We will, however, also be somewhat skeptical of the impact we can expect from these new features in practice. As we will see, QUIC and HTTP/3 indeed have great web performance potential, but mainly for users on slow networks. As such, even low latencies of less than 50 milliseconds can add up to considerable delays. Congestion Control.

Performance 106

Performance Network Latency Servers 106

CSS - Tricks

MARCH 29, 2021

We could still use too many colors, typographic definitions, or z-indexes, all of which could lead to a messy, unmaintainable, unstable CSS codebase. To truly audit CSS, we would need to dig deeper and find places that are not considered best practices. But that is not what I want to show here, and that is not enough.

Code 110

Code Media Cache Energy 110

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)). You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. Servers and Networks. However, if you’re still on HTTP/1.1,

Network 105

Network Servers Cache Traffic 105

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

OCTOBER 2, 2023

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. For us, images are most definitely part of the LCP.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

OCTOBER 24, 2023

I’m not here to write up a definitive guide of technical approaches for optimizing the main thread, but there is a wealth of material on the topic. It’s true; they can definitely make the page size balloon as more and more scripts are injected. Large preview ) Getting JavaScript Off The Main Thread That’s the goal!

Google 91

Google Analytics Traffic Metrics 91

Smashing Magazine

AUGUST 2, 2021

The development team has analyzed and pinpointed the weaknesses in the CSS codebase and has set target goals for the refactor (file size, specificity, color definitions, and so on). We’ll develop the card component in isolation and use the agreed standards and best practices. Image by trivago ) ( Large preview ). Conclusion.

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

MARCH 7, 2022

This is helpful for those on poor or expensive networks, so they don’t have to pay an exorbitant cost just to visit your website. However, countless research (including the stats for our own site here, and others by the likes of Alex Russell ) has shown that Android devices are the platform of choice for poorer countries with slower networks.

Website 103

Website Media Mobile Network 103

Smashing Magazine

AUGUST 19, 2021

You’ll definitely notice a few strong patterns and a lot of overlap. Many may not be familiar with other specific protections such as Customer Network Proprietary Information (CPNI) which safeguards the type, quantity, configuration, or location of telecommunications and interconnected services you use. User Personas.

Code 137

Code Design Education Government 137

Smashing Magazine

JULY 20, 2021

Ultimately all our data will be delivered through CDN networks. A content delivery network (CDN), is a geographically distributed network of proxy servers and their data centers. Content Type Page fields definition in Storyblok Components section. This architecture is also known as Jamstack. Large preview ).

Website 142

Website Architecture Technology Technology 142

Smashing Magazine

NOVEMBER 30, 2021

We last talked to him in July 2020 , where we asked if modern best practices about for the web. Last time we talked, we posed this question of if modern best practices, the use of reactive frameworks and these sorts of things were actually bad for the progress of the web. Drew: You want it to remain unspoiled. Drew: Sure.

Technology 94

Technology Technology Servers Code 94

CSS - Tricks

AUGUST 18, 2020

Yet, this criticism of React isn’t completely unwarranted: React and ReactDOM total about 120 KiB of minified JavaScript, which definitely contributes to slow startup time. Server rendering is also cool—even if that’s just how we say “send HTML over the network” these days. It makes organizing code easier. I think JSX is great.

Performance 101

Performance Mobile Servers Code 101

Smashing Magazine

JANUARY 11, 2021

Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3. If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled 3G network (e.g. Moto G4) on a slow 3G network, emulated at 400ms RTT and 400kbps transfer speed. 300ms RTT, 1.6 Mbps down, 0.8

Performance 145

Performance Cache Media Metrics 145

Rigor

JULY 11, 2019

Basically, TTFB is a measure of back-end and network performance. <200 ms “fast” TTFB is based on the server responsiveness best practice recommendation. A server response that exceeds 1000ms cannot, by definition, meet the fast FCP goal and is thus considered slow.

Ecommerce 87

Ecommerce Metrics Website Mobile 87

Smashing Magazine

JANUARY 7, 2019

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G network in your office for faster testing. 150ms RTT, 1.5 Mbps down, 0.7 Mbps up) with a throttled CPU (5× slowdown).

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

APRIL 9, 2019

Most sites were all hosted on a single physical server somewhere on our own hosting infrastructure, and it was the server we thought about defending when it came to security best practices. I can test this out by putting that tag in a page, and then flipping to the Network tab in my browser tools to see that the file has been loaded.

Website 58

Website Servers Code Best Practices 58

Smashing Magazine

JANUARY 6, 2020

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled 3G network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G/4G network in your office for faster testing. 300ms RTT, 1.6 Mbps down, 0.8

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

OCTOBER 6, 2021

To simplify this behavior, a best practice is to ensure your styles include resetting all elements to use border-box. Then, we can see that the color property for just p is crossed-out as an extra indicator that that rule definition is not applied. Large preview ).

Design 145

Design Availability Mobile Website 145

Strategic Tech

AUGUST 1, 2019

So Commands from Specific to Generic is a Best Practice? Definitely not. I work with a network of highly-experienced DDD practitioners who are passionate about designing effective sociotechnical systems aligned with the business goals and domain. However, our analysis has been shallow.

Architecture 40

Architecture Design Engineering Best Practices 40

SQL Performance

JUNE 10, 2020

Recall that a relation’s body—being a set of tuples—by definition has no duplicates. Even if you don’t end up with bugs, you could end up generating unnecessary network traffic by returning columns that the application doesn’t really need. What if you query a table with a certain heading, and later that heading is altered?

C++ 109

C++ Database Servers Code 109

SQL Performance

JUNE 10, 2020

Recall that a relation’s body—being a set of tuples—by definition has no duplicates. Even if you don’t end up with bugs, you could end up generating unnecessary network traffic by returning columns that the application doesn’t really need. What if you query a table with a certain heading, and later that heading is altered?

C++ 93

C++ Database Servers Code 93

O'Reilly

OCTOBER 11, 2022

As a trend, it’s not performing well on Google; it shows little long-term growth, if any, and gets nowhere near as many searches as terms like “Observability” and “Generative Adversarial Networks.” Never assume that most businesses are well run, and that they represent some sort of “best practice.”

Games 114

Games Healthcare Processing Retail 114