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 ).

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? The first render tends to warm up a bunch of lazily compiled code, which a larger tree can benefit from when it scales.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

FEBRUARY 3, 2022

Measuring the carbon footprint of the web isn’t an exact science, but a report by the BBC in 2020 estimates that all internet activity accounts for around 3.7% These numbers are based on first-page load — caching seems very efficient for subsequent page loads. of global emissions (similar to the airline industry), and rising.

Social Media 101

Social Media Media Website Airlines 101

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JULY 29, 2019

Last time, I navigated the web for a day using Internet Explorer 8. I downloaded TripMode ; an application for Mac which gives you control over which apps on your Mac can access the internet. Any other application’s internet access is automatically blocked. But I suspect a lot of it is tracking code and advertising setup.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JUNE 25, 2020

It’s not just source code for the configuration, models, views, and templates, but also static assets: CSS and JavaScript, images, icons. Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. Philip Kiely. Static Files.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

JUNE 1, 2022

Every major website on the Internet today relies — to some degree — on third-party services. The HTTP Archive tracks third-party usage across a large swath of all active websites on the Internet today. In many cases, they can be super convenient to add or remove without having to push code changes to the site.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 16, 2023

Let’s illustrate the browser’s behavior with an example using our previous code: <img src="image-300.png". And finally, update our code : <img src="image-280.png". Still, the updated code is not fully optimized for all devices yet. Let’s update our code example: <img src="image-280.png". srcset=" image-300.png

Media 104

Media Mobile Website Metrics 104

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. This frees up the browser’s main thread to run your own code. This is why performance is crucial when building websites. are usually the biggest pieces of the performance puzzle. Builder.io

Website 80

Website Google Open Source Mobile 80

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. When paired with VS Code the development experience is amazing. It wasn’t enough. The first easy win came from an experimental Next.js

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

AUGUST 20, 2021

However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. The benefit of doing this is the entire site’s source code can live in Git. Smashing Magazine powered by Netlify.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

APRIL 9, 2019

This attribute contains seemingly endless alphanumeric junk that you may be tempted to strip out in the quest for cleaner code. 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. It doesn’t matter what that code is.

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

JANUARY 21, 2019

A component is simply a set of pieces of HTML, JavaScript and CSS code put all together to create an autonomous entity. I will demonstrate this by re-imagining how this example coded for React would fare in a component-based API. Recommended reading : A GraphQL Primer: Why We Need A New Kind Of API. Building A Site Through Components.

Social Media 64

Social Media Database Media Website 64

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

This is because HTTP/3 and QUIC mainly help deal with the somewhat uncommon yet potentially high-impact problems that can arise on today’s Internet. On the Internet, however, we typically have a long series of connected pipes , some of which can be wider than others (leading to so-called bottlenecks at the narrowest links).

Performance 105

Performance Network Latency Servers 105