Alex Russell

DECEMBER 18, 2022

TL;DR : To serve users at the 75 th percentile ( P75 ) of devices and networks, we can now afford ~150KiB of HTML/CSS/fonts and ~300-350KiB of JavaScript (gzipped). This is a slight improvement on last year's budgets , thanks to device and network improvements. That is, what was the average device in 2016?

Performance 113

Performance Network Mobile Latency 113

Alex Russell

MARCH 6, 2021

Thanks to progress in networks and browsers (but not devices), a more generous global budget cap has emerged for sites constructed the "modern" way: ~100KiB of HTML/CSS/fonts and ~300-350KiB of JS (compressed) is the new rule-of-thumb limit for at least the next year or two. Live by the link, die by the link.

Performance 124

Performance Network Cache Metrics 124

CSS - Tricks

APRIL 1, 2021

Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. Here’s the thing: performance is more than a one-off task. billion if the site slowed down by just one second. Lighthouse.

Cache 92

Cache Social Media Media Website 92

MachMetrics

JUNE 30, 2021

Website performance & speed plays a major role in the success of an online business. High-performing fast sites attract and preserve users better than low-performing ones. The screenshot below explains that page load time and lighthouse performance scores are not the same, yet they are really close to each other.

Cache 78

Cache Speed Google Website 78

Alex Russell

OCTOBER 22, 2017

TL;DR: performance budgets are an essential but under-appreciated part of product success and team health. We constrain ourselves to a real-world baseline device + network configuration to measure progress. Performance budgets are set early in the life of the project. Budgets are scaled to a benchmark network & device.

Performance 68

Performance Benchmarking Network Mobile 68

Alex Russell

APRIL 29, 2021

Classics of the genre include: Apple's just focused on performance! The Performance Argument. As an engineer on a browser team, I'm privy to the blow-by-blow of various performance projects, benchmark fire drills, and the ways performance marketing (deeply) impacts engineering priorities. Steve & Tim's Close-up Magic.

Media 145

Media Games Education Engineering 145

Smashing Magazine

JULY 6, 2021

With Luminary’s 21 years of experience in the digital space, my experience of 17 years in the CMS space as well as our focus on Headless since 2016, here are my two cents on what you should look out for. But beware of circular references to content which could cause headaches and performance issues. Microservices architecture.

Cache 143

Cache Website Mobile Google 143

Rigor

SEPTEMBER 3, 2019

There are many tools available that can help you monitor, manage, and optimize your website and application performance: APM, synthetics, RUM, alerting, alert integrations, and more. How are you monitoring end-user performance today? Rigor’s free performance report. Next, look into the tools you are already using.

Website 74

Website Cache Ecommerce Traffic 74

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. on December 6th, 2016. Improving Performance With The Decoupled JSON Approach. Working with the default WordPress REST API.

Cache 78

Cache Website Speed Database 78

Tim Kadlec

JANUARY 31, 2019

They prevent abuse by ad networks and many people are realizing the benefits of that with increased performance and better battery life. It also disables some features that are harmful to performance, such as document.write and synchronous XHR. Keep that clear and performant and you’ll be just fine. Kind of, yes.

Tuning 76

Tuning Cache Development Performance 76

Smashing Magazine

JUNE 26, 2019

Developers are already optimizing front end performance with: Fast web hosting. In this case, my website is “slow”, even when served on 4G networks. 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. Minification.

Website 110

Website Speed Mobile Design 110

John McCalpin

NOVEMBER 5, 2016

In recent years the trend has been to increase core-level performance by the use of SIMD vector instructions, and to increase package-level performance by the addition of more and more cores. The core does not have enough load bandwidth to perform all of these extra load operations at full speed.

Cache 40

Cache C++ Latency Hardware 40