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% Third-party Javascript accounts for a lot of bloat on websites, with analytics, chatbots, and embedded widgets being common contributors. The Impact Of Social Media Embeds.

Social Media 101

Social Media Media Website Airlines 101

Smashing Magazine

JUNE 20, 2019

As of writing, they have been viewed over 29 trillion times across the web and it’s easy to understand why — the collection gives you access to over 900 beautiful fonts you can use on your website for free. If I change my user-agent to Internet Explorer 11, I’m served the font in the WOFF format instead. Browser Caching.

Google 111

Google Performance Cache Website 111

Smashing Magazine

JULY 29, 2019

Last time, I navigated the web for a day using Internet Explorer 8. I wanted to simulate a slow connection like those experienced by users in Uzbekistan, to see what kind of experience websites would give me. I installed ModHeader and set the ‘Save-Data’ header to let websites know I want to minimise my data usage.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

SEPTEMBER 9, 2021

For some websites this works, but for others (such as Hack Club’s Scrapbook , a site built by @lachlanjc that I help maintain), the user expects the data to be kept up to date. 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.

Cache 102

Cache Internet Internet Servers 102

Smashing Magazine

JANUARY 11, 2021

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the project until the final release of the website — what would that look like? In the case of Wikipedia's website, in 2020, globally, code execution has got 19% faster for Wikipedia users.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JUNE 25, 2020

Django websites involve a lot of files. As if that wasn’t enough already, sometimes users come along and want to upload their own files to your website. Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

JANUARY 6, 2020

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 16, 2023

This way, the image loads faster, and your website will get a better LCP score. For the LCP score and its “Resource load time” subpart to be really optimal, you may also consider compressing your images using modern image formats , setting far-future cache expiry headers, or even using a CDN to reduce network distance. Large preview ).

Media 104

Media Mobile Website Metrics 104

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

NOVEMBER 2, 2021

However, at the end of 2020, about 1% of websites included a Service Worker, and 2.2% As PWAs work in browsers, they have web pages with URLs that work just like any other website (be it launched on a desktop or mobile device). The pages can be crawled, indexed, and ranked, as it happens with regular websites. Large preview ).

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

APRIL 9, 2019

Way back in the days when JavaScript was very much the poorer cousin to HTML and CSS, we didn’t need to think too much about how our scripts could be used as an attack vector for our websites. file hosted as part of their own website on their own server. The last thing that’s worth talking about is browser support for SRI. Conclusion.

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

JANUARY 21, 2019

Using a component-based API makes most sense when the website is itself built using components, i.e. when the webpage is iteratively composed of components wrapping other components until, at the very top, we obtain a single component that represents the page. Native Client-Side Cache/Data Store.

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

AUGUST 9, 2021

Websites would magically become 50% faster with the flip of a switch! 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. For this reason, TCP is one of the most widely used and deployed protocols on the Internet.

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