Smashing Magazine

JANUARY 15, 2019

You may not think about it often, but the Internet uses a colossal amount of electricity. This, in turn, means that the Internet’s carbon footprint has grown to the point where it may have eclipsed global air travel , and this makes the Internet the largest coal-fired machine on Earth. Large preview ). Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

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

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 103

Performance Cache Metrics Network 103

Smashing Magazine

SEPTEMBER 9, 2021

The solution used in Scrapbook was to use the SWR library of React hooks to update the cached page from the server with client side data fetching. The client is first served the cached statically generated page (generated with getStaticProps() ), in the background the server also begins the process of revalidating that page (read more here ).

Cache 102

Cache Internet Internet Servers 102

Smashing Magazine

JUNE 1, 2022

Every major website on the Internet today relies — to some degree — on third-party services. 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. You have control over what these resources are.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JUNE 25, 2020

Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. Imagine a professional networking site with a database of users. Client-Side Caching. For more details, see the Django documentation. Media Files.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

MAY 17, 2021

Our fast computers and fiber internet masked the experience real people have on our site. Internet Explorer 6 was fully supported, Firefox was gaining share, and Chrome was still years from launch. Lighthouse also caught a cache misconfiguration that prevented some of our static assets from being served from our CDN.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

APRIL 29, 2022

And slow websites are, in a way, discrimination: The majority of the world’s population don’t have access to high-speed Internet or fast CPUs. Providing rich, interactive website experiences needs added assets that consume your users’ resources, from CPU and GPU to memory and network.

Website 80

Website Google Open Source Mobile 80

Smashing Magazine

JANUARY 16, 2023

Note : In your browser development tools, open the Network > Img tabs to see the image chosen by the browser according to each viewport and DPR. When users browse the internet to visit a website, the LCP image’s loading is often delayed by the lazy loading technique, whether applied by native lazy loading or a JavaScript library.

Media 104

Media Mobile Website Metrics 104

Smashing Magazine

NOVEMBER 2, 2021

Due to the use of modern frameworks, advanced caching and rendering, and data transmission via API, properly developed PWAs can be a seven-league step up to boost the store’s speed. To specify, users can continue using those parts of the site that were cached if the Internet connection is unstable or when offline.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

APRIL 9, 2019

Resources like Content Delivery Networks (CDNs) that had previously been the reserve of giant corporations were becoming commonplace for everyday folk building snappy websites. They’d take the hit for the first site to use the file, but then it would sit in their local browser cache and downloads could be skipped for each subsequent site.

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

JUNE 30, 2021

Low-end phones on the other hand are getting cheaper , making the mobile internet accessible to demographics that previously maybe couldn’t afford it. A ServiceWorker is a short-lived , isolated JavaScript scope running in a separate thread, functioning as a proxy for every network request originating from pages of the same origin.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

AUGUST 9, 2021

It’s also one of the reasons we can keep using the Internet with many concurrent users, because it smartly limits each user’s bandwidth usage to their fair share. As another example, most applications on the Internet use TCP internally to ensure that all of their data are transmitted in full. Did You Know?

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

AUGUST 22, 2021

As we will see, QUIC and HTTP/3 indeed have great web performance potential, but mainly for users on slow networks. If your average visitor is on a fast cabled or cellular network, they probably won’t benefit from the new protocols all that much. An often used metaphor is that of a pipe used to transport water. Congestion Control.

Performance 105

Performance Network Latency Servers 105