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. This includes the work done by the server, the client and the intermediary communications networks that transmit data between the two.

Website Performance 73

Website Performance Website Energy Performance 73

Rigor

JUNE 12, 2019

“The Best in Performance” video series from Rigor gives you the chance to eavesdrop on conversations with web performance industry experts, thought leaders, and technologists. Listen in as they talk about current trends, challenges, and lessons that impact the APM and performance space today. Building a culture of performance.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

AUGUST 15, 2023

Large preview ) While browsers are generally pretty fast, these steps still take time to load, typically in seconds, and even longer on slower, high-latency network connections. That’s practically an eternity when talking about page speed performance. Homepage with DevTools Network inspection enabled and open.

Media 73

Media Metrics Mobile Best Practices 73

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

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. On design systems, CSS/JS and UX. How To Build Resilient JavaScript UIs. Callum Hart.

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

JULY 18, 2022

You are now “Head of Performance” at Repairing Magazine, the most serious competitor to Smashing Magazine. Repairing Magazine has a very peculiar business model. Your job for today is to implement this feature with the best possible performances. Congratulations On Your New Job. Wow, you just got promoted!

Cache 114

Cache Website Energy Servers 114

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. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

SEPTEMBER 20, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Even if none of the page content is delivered from your platform or servers, so long as the JavaScript code you are using for analytics or performance tracking loads, you can still get data about the page view.

Website 89

Website Analytics Google Cache 89

Tim Kadlec

JANUARY 11, 2012

Smashing Magazine just launched their newly redesigned site. Performance. That’s an awful big drag on page load time—no matter what device or network you are viewing the site on. I’m not sure exactly on Smashing Magazine’s business model, prices, etc., Not just for Smashing Magazine, but across all sites.

AWS 40

AWS Network Design Testing 40

Smashing Magazine

JUNE 30, 2021

The Problem Of Unpredictable Performance. At the same time, we have a widening performance gap. In terms for performance, these phones have plateaued at the performance of a 2012 iPhone. Applications built for the Web are expected to run on devices that fall anywhere on this broad performance spectrum. JavaScript.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

OCTOBER 18, 2021

Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. We found out user-centric performance metrics to be the perfect fit for this purpose. On design systems, CSS/JS and UX. How We Discovered CLS Issue In Our Product Page.

Website 105

Website Google Metrics Testing Tools 105

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

Tim Kadlec

SEPTEMBER 30, 2015

We have more focus than ever on motion design on the web. Improved performance metrics have shifted the discussion to more experience-based optimizations such as optimizing for the critical path. I didn’t think much about accessibility or performance or semantic markup or visual design when I started. Learn HTML.

Technology 53

Technology Technology Latency Design 53

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. file: // gatsby-config.js

Media 79

Media Network Processing Code 79

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. This is helpful for those on poor or expensive networks, so they don’t have to pay an exorbitant cost just to visit your website. Signals For Customizing Website User Experience. Data Saver.

Website 103

Website Media Mobile Network 103

Smashing Magazine

AUGUST 10, 2023

Large preview ) I don’t know about you, but it often feels like I’m missing something when measuring page speed performance. Certain tools are designed for certain metrics with certain assumptions that produce certain results. Not the best way to get a high-level view of performance. Lighthouse results.

Speed 81

Speed Monitoring Testing Network 81

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

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

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. Optimizing Based On Network Usage. You can further optimize the loading speed by having the PWA use cache-first networking, prioritizing resources, and use adaptive loading based on network quality.

Cache 123

Cache Internet Internet Google 123

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 hosting provider designates a section of a web server to a number of clients who will then share the resources.

Website 48

Website Servers Design Traffic 48

Smashing Magazine

DECEMBER 7, 2023

If you’re reading this before March 2024 and fire up your favorite performance monitoring tool, you’re going to to get a Core Web Vitals report like this one pulled from PageSpeed Insights: ( Large preview ) You’re likely used to seeing most of these metrics. That’s what this article is all about.

Traffic 94

Traffic Metrics Google Monitoring 94

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 98

Design Education Network Google 98

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

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

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. This problem is more apparent on unreliable and slow networks and lower-end devices. On design systems, CSS/JS and UX. Performance Costs. Website performance is not consistent across devices.

Code 89

Code Performance Network Website 89

Smashing Magazine

FEBRUARY 5, 2019

iOS Performance Tricks To Make Your App Feel More Performant. iOS Performance Tricks To Make Your App Feel More Performant. Although modern iOS hardware is powerful enough to handle many intensive and complex tasks, the device could still feel unresponsive if you are not careful about how your app performs.

Performance 75

Performance Energy Operating System Code 75

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. More after jump! Jump to table of contents ?.

Website 135

Website Energy Internet Internet 135

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

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

MARCH 2, 2021

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. WPO stats collects literally hundreds of them — case studies and experiments demonstrating the impact of web performance optimization (WPO) across verticals and goals.

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

JULY 23, 2021

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. Networking. The Problem With Traditional Approaches.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

APRIL 19, 2021

The Core Web Vitals are a set of three metrics designed to measure the “core” experience of whether a website feels fast or slow to the users, and so gives a good experience. LCP is supposed to measure loading performance and is a good proxy for all the old metrics we in the performance community used to use (i.e.

Google 140

Google Metrics Mobile Analytics 140

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

APRIL 29, 2022

However, it’s not always easy to maintain high performance in websites. Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. This is why performance is crucial when building websites. This is why performance is crucial when building websites.

Website 80

Website Google Open Source Mobile 80