Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. In 2013, A List Apart published Sustainable Web Design by James Christie. So, apart from powering servers with renewable energy, what else can web developers do about climate change? Jack Lenox.

Website Performance 73

Website Performance Website Energy Performance 73

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. Its videos and blog articles address issues such as web performance, extensible component development and the intersection of CSS with other technologies, like HTML and JavaScript. Visit website 3.

Development 75

Development Website Design Code 75

Smashing Magazine

NOVEMBER 8, 2021

We work with millions of merchants, and as many companies, we obsess about storefront performance. We obsess even more about finding the optimal balance between performance, capabilities, and merchants’ business objectives. I work at Shopify, an all-in-one commerce platform to start, run, and grow a business. Large preview ).

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

JUNE 10, 2021

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. Note : If you’re looking for a complete overview of best practices and tools, have a look at the Frontend performance checklist. It’s beautiful!

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. entry file. /** * This is not a production server yet! Melvin Kosisochukwu.

Cache 109

Cache Servers Code Storage 109

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

SEPTEMBER 21, 2021

You can feed it with commands and it will execute them to perform some actions. Designing and implementing these graphical interfaces takes a lot more work. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The shell is an interpreter. CLIs have drawbacks, too.

Development 98

Development Energy Programming Efficiency 98

Smashing Magazine

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Music magazines were popular too. Andrew Clarke. Large preview ).

Design 101

Design Media Testing Entertainment 101

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. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. More after jump! among many others).

Website 89

Website Analytics Google Cache 89

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

NOVEMBER 26, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. 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. Jump to table of contents ?. application.

Cache 143

Cache Code Testing Design 143

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The Design Gives Ground For Utmost Usability. Jump to table of contents ?. Large preview ).

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

MARCH 28, 2019

In early discussions you have with clients about the website you’re tasked with designing, does the topic of web hosting ever come up? For starters, they’re paying you a large sum of money to design the site. The Web Designer’s Connection to Web Hosting. I get why they’d think that way.

Website 48

Website Servers Design Traffic 48

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. We want to ensure that the input is perfectly correct before the data is even sent to the server. Part Of: Design Patterns.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

JUNE 18, 2020

That’s because they are meant for user preferences, as mentioned here in the case of iOS and here in the Android documentation when talking about the Security library which is designed to provide wrappers to the SharedPreferences specifically to encrypt the data before storing it. Secure Storage On Mobile. No, not at all. Solving Both.

Storage 93

Storage Mobile Website Java 93

Smashing Magazine

OCTOBER 9, 2023

Like many static site frameworks in the Jamstack, Gatsby has traditionally enjoyed a great reputation as a performant framework , although it has taken a hit in recent years. Those can certainly lead to performance headaches, but it’s not as we have direct control over the video file and where it is served.

Media 79

Media Network Processing Code 79

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

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. On design systems, CSS/JS and UX. Adrian Bece.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

OCTOBER 1, 2021

On design systems, CSS/JS and UX. is a framework built on Vue, it has many capabilities and features including Server-Side Rendering (SSR). Since we’re not performing heavy tasks with Algolia, their free tier will do just fine for our project after the trial expires. Configuring InstantSearch For Server-Side Rendering (SSR).

Media 122

Media Code Servers Performance 122

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means. Drew: It’s an off the shelf design system that you can drop in to build the UI for your project. aj Dobrucki.

Website 62

Website Design Open Source Software 62

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. More after jump! Let’s fix that!

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JULY 14, 2021

Frustrating Design Patterns: Broken Filters. Frustrating Design Patterns: Broken Filters. Part Of: Design Patterns. Designing For The Comfortable Range. A well-designed filter in a well-designed trip planner UI. Vitaly Friedman. 2021-07-14T13:30:00+00:00. 2021-07-14T14:23:10+00:00. Filters are everywhere.

Design 142

Design Retail Ecommerce Mobile 142

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

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

AUGUST 28, 2020

According to the official documentation, Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. When installing Django, django-admin is added to your path to give it access to perform its actions. This is a list of all apps performing a certain feature in Django. Model Layout.

Virtualization 143

Virtualization Database Code Processing 143

Smashing Magazine

AUGUST 10, 2023

The tooling to get a report with details from the time it takes to establish a server connection to the time it takes for the full page to render is out there. Large preview ) I don’t know about you, but it often feels like I’m missing something when measuring page speed performance. The key word here is “monitoring” performance.

Speed 81

Speed Monitoring Testing Network 81

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 also retrieve the latest data once the server connection is restored. By default, PWAs have greater performance over similar native apps due to their lite nature.

Cache 123

Cache Internet Internet Google 123

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

FEBRUARY 22, 2023

This is certainly frustrating for a website’s user, but even more so for its owner: in fact, there is a direct correlation between web performance and business revenue which has been corroborated time and again in a plethora of case studies. As developers, optimizing web performance must therefore be an integral part of our value proposition.

Website 108

Website Performance Ecommerce Technology 108

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. However, their focus has always been on making a great-looking and effective design. Suzanne Scacca. Minification.

Website 110

Website Speed Mobile Design 110

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

SEPTEMBER 3, 2021

It can be hard to visualize the huge network of hardware that allows you to send a request for a page to a server and then receive a response back. Recommended reading : How Improving Website Performance Can Help Save The Planet. Performance And Emissions. Suddenly, that mirage was beginning to look rather more solid.

Website 135

Website Energy Internet Internet 135

SQL Performance

JANUARY 23, 2020

"Waitstats helps us identify performance-related counters. But waits information by itself isn't enough to accurately diagnose performance problems. The queues component of our methodology comes from Performance Monitor counters, which provide a view of system performance from a resource standpoint.".

Tuning 115

Tuning Servers Monitoring Hardware 115

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

MARCH 2, 2021

This goes way beyond basic optimizations such as color contrast and server response times. While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. A performance benchmark Lighthouse is well-known. State Of Mobile 2021.

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Before delving into details about code-splitting, let’s quickly remind ourselves what makes JavaScript so impactful on overall performance. On design systems, CSS/JS and UX. Performance Costs.

Code 89

Code Performance Network Website 89

Smashing Magazine

OCTOBER 24, 2023

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. But not everything about performance happens directly at the code level, right?

Google 90

Google Analytics Traffic Metrics 90