Home/Performance
Topic

Performance

974 articles on Performance.

11,834 articles
Performance — Meet Basic Pitch: Spotify’s Open Source Audio-to-MIDI Converter

Meet Basic Pitch: Spotify’s Open Source Audio-to-MIDI Converter

Introducing , Spotify’s free open source tool for converting audio into MIDI. Basic Pitch uses machine learning to transcribe the musical notes in a recording. Drop a recording of almost any instrument, including your voice, then get back a MIDI version, just like that. Unlike similar ML models, Basic Pitch is not only versatile and accurate, but also fast and computationally lightweight. It was b

RBRachel Bittner, Sr. Research Scientist·June 1, 2022Performance
Performance — Understanding Weak Reference In JavaScript — Smashing Magazine

Understanding Weak Reference In JavaScript — Smashing Magazine

One of the most important aspects of software development, are memory and performance management and every software developer should pay attention to them. In this article, Frank Joseph explains both weak and strong references in JavaScript, as well as the concept of reachability. Let’s dig in!

FJFrank JosephFrank Joseph·May 25, 2022Performance
Performance — Rethinking Server-Timing As A Critical Monitoring Tool — Smashing Magazine

Rethinking Server-Timing As A Critical Monitoring Tool — Smashing Magazine

What makes the underused `Server-Timing` header uniquely powerful among all other response headers? We’ll rethink the expectation for using it exclusively for timing and see fast solutions for hard-to-solve monitoring challenges. In this article, Sean Roberts will provide you with a new perspective on Server-Timing as a tool to reach for, even if you’re not measuring time.

SRSean RobertsSean Roberts·May 16, 2022Performance
Performance — Announcing the Cloudflare Images Sourcing Kit

Announcing the Cloudflare Images Sourcing Kit

Migrating millions of images into Cloudflare is now simple, fast and at the distance of a few clicks. The new Cloudflare Images Sourcing Kit Allows you to define your image sources, reuse them when you need to add new images or refresh existing ones

PNPaulo, Natalie YehPaulo, Natalie Yeh·May 13, 2022Performance
Performance — How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks — Smashing Magazine

How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks — Smashing Magazine

Google collects performance information from millions of opted-in Chrome browsers around the world and uses this information as a performance ranking factor for its search engine. But it also makes this information freely available so that anyone can use it to check the real-world performance of individual websites. Even more significantly, it’s possible to segment this data according to the techn

DSDan ShappirDan Shappir·May 12, 2022Performance
Performance — Performance Game Changer: Browser Back/Forward Cache — Smashing Magazine

Performance Game Changer: Browser Back/Forward Cache — Smashing Magazine

At the end of 2021, the Chrome team shipped some functionality that has the ability to make or break sites meeting the Core Web Vitals. So, let’s learn a little bit more about the Back/Forward Cache (aka bfcache), and what you can do to test if your website is compatible with it. Barry Pollard strongly encourage sites to run the Back/Forward Cache test, understand any blockers leading to an unsucc

BPBarry PollardBarry Pollard·May 9, 2022Performance
Performance — Continuous Load Testing

Continuous Load Testing

Building load test infrastructure is tricky and poses many questions. How can we identify performance regressions in newly deployed builds, given the overhead of spinning up test clients? To gather the most representative results, should we load test at our peak hours or when there’s a lull? How do we incentivize engineers to invest time…

SRShreya Ramesh·April 29, 2022Performance
Performance — How Partytown Eliminates Website Bloat From Third-Party Scripts — Smashing Magazine

How Partytown Eliminates Website Bloat From Third-Party Scripts — Smashing Magazine

Performance needs to be built in starting at the code level, and user-centric metrics like time to interactive (TTI), total blocking time (TBT), and first input delay (FID) help you gauge how fast a website is. But modern web pages are heavy and ever-growing in size Introducing Partytown, a lightweight open-source solution that reduces execution delays due to third-party JavaScript by offloading t

SSSteve SewellSteve Sewell·April 29, 2022Performance
Performance — Say Goodbye To Frustrating Navigation, With Navigation Queries — Smashing Magazine

Say Goodbye To Frustrating Navigation, With Navigation Queries — Smashing Magazine

There are a few navigation patterns that are often forgotten or dismissed. We can think of them as navigation shortcuts, helping users get where they want to go, faster — without having to use traditional navigation at all. As it turns out, sometimes they are much more effective, especially on large sites with thousands of pages, many of which have been gathering dust over the years. In UX, we can

VFVitaly FriedmanVitaly Friedman·April 21, 2022Performance
Performance — Productivity Tips And Tools For A More Efficient Workflow — Smashing Magazine

Productivity Tips And Tools For A More Efficient Workflow — Smashing Magazine

Who doesn’t love a good timesaver? In this post, we compiled productivity tips and tools to help you in your day-to-day work. You’ll find shortcuts to speed up routine tasks, tools and cheatsheets to enhance your development workflow, as well as ideas and little helpers to stay organized and improve communication with your team.

CMCosima MielkeCosima Mielke·April 20, 2022Performance
Performance — Boost Resource Loading With fetchpriority, A New Priority Hint — Smashing Magazine

Boost Resource Loading With fetchpriority, A New Priority Hint — Smashing Magazine

Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to measure how quickly the main content loads and is displayed to the user. This new attribute will enable us to fine-tune relative resource priority, improve LCP performance, deprioritize JavaScript fetch calls, and much more. Let’s check out fetchpriority an

ABAdrian BeceAdrian Bece·April 11, 2022Performance
Performance — Best-in-Class Developer Experience with Vite and Hydrogen - Shopify

Best-in-Class Developer Experience with Vite and Hydrogen - Shopify

Hydrogen is a framework that combines React and Vite for creating custom storefronts on Shopify. It maximizes performance for end-users and provides a best-in-class developer experience for you and your team. Since it focuses on evergreen browsers, Hydrogen can leverage modern capabilities, best practices, and the latest tooling in web development to bring the future of ecommerce closer. Creating

SEShopify Engineering·March 31, 2022Performance
Performance — Remix Routes Demystified — Smashing Magazine

Remix Routes Demystified — Smashing Magazine

In the past months, there have been lots of talks dedictaed to Remix. Routing is not only one of the things that sets it apart from other frameworks, but it also fuels great performance and improves the overall experience for developers. Let’s dig in to all of the features that build up routing in this powerful framework.

AFAtila FassinaAtila Fassina·March 25, 2022Performance
Performance — Test Budget: Time Constrained CI Feedback - Shopify

Test Budget: Time Constrained CI Feedback - Shopify

At Shopify we run more than 170,000 tests in our core monolith. Naturally, we're constantly exploring ways to make this faster, and the Test Infrastructure team analyzed the feasibility of introducing a test budget: a fixed amount of time for tests to run. The goal is to speed up the continuous integration (CI) test running phase by accepting more risk. To achieve that goal we used prioritization

SEShopify Engineering·March 7, 2022Performance
Performance — Performance Signals For Customizing Website UX — Smashing Magazine

Performance Signals For Customizing Website UX — Smashing Magazine

Using signals to deliver less, or different, content is a form of progressive enhancement (or graceful degradation depending on how you look at it), whereby extraneous content is only loaded when necessary, but the core functionality of the website still works. In this article, we’ll look at some of the signals that can be used for this.

BPBarry PollardBarry Pollard·March 7, 2022Performance
Performance — Adding the V8 CPU Profiler to v8go - Shopify

Adding the V8 CPU Profiler to v8go - Shopify

V8 is Google’s open source high-performance JavaScript and WebAssembly engine written in C++. v8go is a library written in Go and C++ allowing users to execute JavaScript from Go using V8 isolates. Using Cgo bindings allows us to run JavaScript in Go at native performance. The v8go library, developed by Roger Chapman, aims to provide an idiomatic way for Go developers to interface with V8. As it t

SEShopify Engineering·March 4, 2022Performance
Performance — A Recipe For A Good Design System — Smashing Magazine

A Recipe For A Good Design System — Smashing Magazine

Maintaining a design system is a lot of work. In this article, we will have a look at what solutions fit inside the umbrella of a Design System, and a few important steps and checkpoints you need to keep an eye on throughout your projects. Here, Atila Fassina shares his lessons learned and how a platform such as Backlight can help put together a series of tools to speed up your architecture setup.

AFAtila FassinaAtila Fassina·February 28, 2022Performance
Performance — How To Benchmark And Improve Web Vitals With Real User Metrics — Smashing Magazine

How To Benchmark And Improve Web Vitals With Real User Metrics — Smashing Magazine

How would you measure performance? Unfortunately, there is no silver bullet for measuring performance. Different products will have different benchmarks and two apps may perform differently against the same metrics, but still rank quite similarly to our subjective “good” and “bad” verdicts. Web Vitals are the new gold standard in performance due to their direct correlation with the user’s experien

AFAtila FassinaAtila Fassina·February 24, 2022Performance
Performance — Statoscope: A Course Of Intensive Therapy For Your Bundle — Smashing Magazine

Statoscope: A Course Of Intensive Therapy For Your Bundle — Smashing Magazine

Statoscope is an instrument that analyses your webpack-bundles. Created by Sergey Melukov, it started out as an experimental version in late 2016, which has now become a full-fledged toolkit for viewing, analyzing, and validating webpack-bundles. Editor’s Note: This article is a transcription of Sergey’s live performance (Russian).

SMSergey MelukovSergey Melukov·February 8, 2022Performance
Performance — A Deep Look at the Command Line

A Deep Look at the Command Line

The command line is a place we can type commands to be executed directly by our computer. It’s extremely fast, and ideal for a tool like npm.

JCJosh Collinsworth·January 20, 2022Performance
Performance — Composition-Based Design System In Figma — Smashing Magazine

Composition-Based Design System In Figma — Smashing Magazine

Figma has advanced enough where it now supports some powerful concepts that can help with the flexibility and maintainability of a design system. In this article, Sasha explains why she finds the Systems Designer position so rewarding — and it’s not only because of how fast certain tools have developed to help her master challenges she faces in her work projects. **Editor’s Note**: This article co

ANAleksandra NagornaiaAleksandra Nagornaia·January 3, 2022Performance
Performance — Think Without Boxes

Think Without Boxes

What’s the one thing people can do to make their website better? Now that is a good question. One with many right answers, like improving performance, taking

ASAmit SheenAmit Sheen·December 14, 2021Performance
Performance — Why Cloudflare Bought Zaraz

Why Cloudflare Bought Zaraz

Today we're excited to announce that Cloudflare has acquired Zaraz. The Zaraz value proposition aligns with Cloudflare's mission. They aim to make the web more secure, more reliable, and faster. And they built their solution on Cloudflare Workers.

MPMatthew Prince, John Graham CummingMatthew Prince, John Graham Cumming·December 8, 2021Performance
Performance — Improving GitHub code search

Improving GitHub code search

Today, we are rolling out a technology preview for GitHub code search, the next iteration for search, discovery, and navigation on GitHub.

PAPavel AvgustinovPavel Avgustinov·December 8, 2021Performance