Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. So, apart from powering servers with renewable energy, what else can web developers do about climate change? Generally speaking, we can also run the top command on any server to which we have shell access.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JUNE 10, 2021

Are all the caching headers set correctly? But how do you find all these things causing performance issues? Let me share three tools that will help you spot performance issues and ship high-quality and fast websites. Let me share three tools that will help you spot performance issues and ship high-quality and fast websites.

Cache 105

Cache Website Best Practices Network 105

Smashing Magazine

OCTOBER 26, 2021

In this article, we will go through how to optimize and build a high-performance Next.js We will go through how to set up an Nx server, how to add a plugin to an existing server, and the concept of a monorepo with a practical visualization. Nx uses distributed graph-based task execution and computation caching to speed up tasks.

Cache 109

Cache Servers Code Storage 109

Smashing Magazine

SEPTEMBER 20, 2021

When your content is delivered by other means, from other servers or platforms, it can put the user experience and commercial relationship you have built up with your users at risk. Search Engine And Web Archive Cached Results. The message that appears above a cached search result in Google’s search service. Large preview ).

Website 89

Website Analytics Google Cache 89

Smashing Magazine

JULY 18, 2022

Segmented Rendering is a new pattern for the Jamstack that lets you personalize content statically, without any sort of client-side rendering or per-request Server-Side Rendering. You are now “Head of Performance” at Repairing Magazine, the most serious competitor to Smashing Magazine. Congratulations On Your New Job.

Cache 114

Cache Website Energy Servers 114

Smashing Magazine

NOVEMBER 26, 2021

Most front-end applications will fetch data from a back-end server and render it on the page. Your application might also suffer from caching, and performance issues. They handle a lot of things like caching and performance which are difficult to manage on your own. Use React Query Or SWR For Fetching Async Data.

Cache 143

Cache Code Testing Design 143

Smashing Magazine

NOVEMBER 2, 2021

Users who opened a PWA from a smartphone’s browser might even not be aware that they’re using a progressive web app, assuming that it’s just a well-performing site. Far from perfect site speed and performance are common pain points for many Magento stores, which are usually massive and complicated. Large preview ). Large preview ).

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

NOVEMBER 22, 2021

Improving The Performance Of Wix Websites (Case Study). Improving The Performance Of Wix Websites (Case Study). It was at this point that we realized we needed to make a significant change in our approach towards performance, and that we must embrace performance as part of our culture. Dan Shappir. Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

AUGUST 30, 2021

Refactoring CSS: Optimizing Size And Performance (Part 3). Refactoring CSS: Optimizing Size And Performance (Part 3). Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. Part 3: Optimizing Size And Performance. Adrian Bece. 2021-08-30T10:00:00+00:00. More after jump!

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

MAY 25, 2022

Memory and performance management are important aspects of software development and ones that every software developer should pay attention to. Let’s illustrate this with some snippets: let smashing = {name: "magazine"}; // The object can be accessed from the reference. // Overwrite the reference smashing. Frank Joseph.

Cache 116

Cache Programming Storage Code 116

Smashing Magazine

AUGUST 3, 2023

How We Optimized Performance To Serve A Global Audience How We Optimized Performance To Serve A Global Audience Liran Cohen 2023-08-03T10:00:00+00:00 2023-08-03T13:06:00+00:00 I work for Bookaway , a digital travel brand. Large preview ) We’ve known for a long time that fast page performance influences search engine rankings.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. The service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. Cached content with IndexedDB. Service Workers.

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

MAY 16, 2022

Rethinking Server-Timing As A Critical Monitoring Tool. Rethinking Server-Timing As A Critical Monitoring Tool. In the world of HTTP Headers, there is one header that I believe deserves more air-time and that is the Server-Timing header. Setting Server-Timing. Sean Roberts. 2022-05-16T10:00:00+00:00.

Servers 92

Servers Monitoring Cache Network 92

Smashing Magazine

JUNE 18, 2020

Those aren’t accessible by JS and are sent only to your server. The issue with that is that they’re always sent to your server, even if one of your users clicks on a GET request URL on someone else’s website and that GET request has side effects you or your user won’t like. Does that mean your JWT has to be out in the open?

Storage 93

Storage Mobile Website Java 93

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. Can’t be perfect every time!

Speed 97

Speed Google Website Metrics 97

Smashing Magazine

MAY 12, 2022

How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks. How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks. In particular, the increase in the amount of downloaded JavaScript can have a direct impact on website performance. Dan Shappir. 2022-05-12T09:30:00+00:00.

Google 127

Google Performance Website Mobile 127

Smashing Magazine

NOVEMBER 4, 2021

One of the main benefits of GraphQL is the client’s ability to request what they need from the server and receive that data exactly and predictably. This prevents issues like over-fetching that can impact performance. We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI.

Cache 114

Cache Servers Transportation Code 114

Smashing Magazine

AUGUST 20, 2021

Yet, for all these technological developments, it’s interesting that many of us are still serving sites in the same way Tim did with the very first website — a web server serving static website files. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. But, when it worked, it was magical.

Ecommerce 139

Ecommerce Website Government Internet 139

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. Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts.

Website 103

Website Media Mobile Network 103

Smashing Magazine

OCTOBER 2, 2023

I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started. Imagine how poor the loading performance would be if we had to load a bunch of images like this one! Unoptimized, full-size JPEG is around 1.2

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

AUGUST 22, 2021

HTTP/3: Performance Improvements (Part 2). HTTP/3: Performance Improvements (Part 2). In this second part, we will zoom in on the performance improvements that QUIC and HTTP/3 bring to the table for web-page loading. HTTP/3 performance features ( current article ). Robin Marx. 2021-08-23T06:20:00+00:00.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

NOVEMBER 17, 2022

That is why, today, Web Performance is as important and trendy as having an online presence. Table of Contents: What Is Web Performance? What Is Web Performance? Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Conclusion.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JUNE 20, 2019

Optimizing Google Fonts Performance. Optimizing Google Fonts Performance. The Google Fonts API does more than just provide the font files to the browser, it also performs a smart check to see how it can deliver the files in the most optimized format. Browser Caching. Danny Cooper. 2019-06-20T11:00:16+02:00.

Google 111

Google Performance Cache Website 111

Smashing Magazine

JUNE 9, 2022

From the developer’s perspective, frontend tooling gives us: the ability to author modules, a dev server for local development, Hot Module Replacement (HMR) for a shorter feedback loop in development mode, the ability to target legacy browsers with polyfills, processing a host of filetypes apart from JavaScript, the list goes on.

Code 109

Code Processing Cache Development 109

Smashing Magazine

SEPTEMBER 24, 2021

Over those years, we have seen the technology stack evolve from server-rendered pages with some minor JavaScript and CSS to full-blown JavaScript applications. Although mixing the concepts of a server web framework like ASP.NET with a client-side web framework like React made things more complicated, we were quite happy with the solution.

Website 113

Website Code Servers Analytics 113

Smashing Magazine

JULY 29, 2019

MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Throughout the experiment I will suggest performance tips to speed up the first contentful paint and perceived loading time of the page. Performance Tip #3: Less Is More.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. But beware of circular references to content which could cause headaches and performance issues. From a developer perspective, not only static assets need to be cached on a CDN. Technical and sales support.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

MAY 17, 2021

Performance is a core feature of our company, Instant Domain Search —it’s in the name. We’ve recently grown to a small group based mostly in Victoria, Canada and we are working through a long backlog of new features and performance improvements. A 75th percentile (p75) metric strikes a reasonable balance for performance goals.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

AUGUST 31, 2021

This file is rendered on the server and is not re-rendered on the client. If you have multiple pieces of state defined in a single context, you may start running into performance issues. what to do while waiting for the server response. how to handle when data is not available (server error, or no data). error handler.

Cache 103

Cache Servers Best Practices Code 103

Smashing Magazine

OCTOBER 26, 2018

In recent years, the industry thankfully started paying more attention to performance. As a result, website performance can suffer. Improving performance with the decoupled JSON approach. Improving Performance With The Decoupled JSON Approach. Working with the default WordPress REST API. Security concerns.

Cache 78

Cache Website Speed Database 78

Smashing Magazine

SEPTEMBER 6, 2021

If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance features — you’re convinced that starting to use the new protocols is a good idea (and you should be!), 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)).

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

APRIL 29, 2022

However, it’s not always easy to maintain high performance in websites. This is why performance is crucial when building websites. This is why performance is crucial when building websites. are usually the biggest pieces of the performance puzzle. The JavaScript Tax.

Website 80

Website Google Open Source Mobile 80

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. The two types of Django deployments are: Single-Server. A single-server Django deployment is exactly what it sounds like: everything lives on a single server.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

OCTOBER 29, 2019

Even if you resize your images to the exact specifications of your website and run them through a compressor, they can still put a strain on performance and run up bandwidth usage. Last year, front end developer Jeremy Wagner wrote up a guide for Smashing Magazine on this very topic. What Is WebP Caching? As well it should.

Website 72

Website Speed Cache Google 72

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. For this article, we will focus on the first three and the performance adjustments for these.

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

AUGUST 9, 2021

Often they make it seem as if HTTP/3 is a revolution in performance, while it is really a more modest (yet still useful!) It was heralded as an amazing performance revolution, with exciting new features such as server push, parallel streams, and prioritization. HTTP/3 performance features ( coming up soon! ).

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

JUNE 26, 2019

Developers are already optimizing front end performance with: Fast web hosting. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. After all, Opens Sans is a Google Font that has to be served from Google’s servers.

Website 110

Website Speed Mobile Design 110