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

Dynatrace

NOVEMBER 11, 2021

“Because of the uncertainty of the times and the likely realities of the ‘new normal,’ more and more organizations are now charting the course for their journeys toward cloud computing and digital transformation,” wrote Gaurav Aggarwal in a Forbes article the impact of COVID-19 on cloud adoption.

AWS 209

AWS Cloud Lambda Azure 209

Speed Curve

FEBRUARY 25, 2021

I love conversations about performance, and I'm fortunate enough to have them a lot. I hope this post can serve that purpose and cover a few of the fundamental areas of web performance that I’ve found to be most useful while honing the craft of product management. How is performance measured? The audience varies.

Performance 143

Performance Benchmarking Metrics Monitoring 143

MachMetrics

APRIL 3, 2020

Luckily we’ve recommended some of the best web performance books to read while stuck at home. High Performance Web Sites: Essential Knowledge For Front-End Engineers. If you’re looking to read optimization ideas from one of the greatest minds in speed performance, look no further. Need a good distraction?

Speed 85

Speed Performance Best Practices Website 85

Smashing Magazine

MARCH 25, 2021

How To Boost Media Performance On A Budget. How To Boost Media Performance On A Budget. However, just as out-of-control spending bodes ill in the long run, so does unbudgeted digital media decimate site performance. Performance Budgets. “A A performance budget is ‘. Business Performance. Akshay Ranganath.

Media 118

Media Performance Mobile Latency 118

Rigor

SEPTEMBER 11, 2019

Reading time 16 min Whether you’re a web performance expert, an evangelist for the culture of performance, a web engineer incorporating performance into your process, or someone new to the web performance entirely, you probably identify as curious, excited about new ideas, and always learning. Jake Archibald.

Performance 89

Performance Education Google Website 89

Smashing Magazine

JANUARY 6, 2020

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 145

Performance Cache Network Metrics 145

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 116

Performance Cache Website Mobile 116

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. Not the best way to get a high-level view of performance. I’ve had time to work with DebugBear and thought I’d give you a peek at it with some notes on my experience using it to monitor performance.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

JANUARY 21, 2021

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? A day when a project, fully polished and carefully optimized, gets launched, ranking high and soaring above performance scores in Lighthouse and WebPageTest. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. DRM-free, of course. Some of the biggest size savings and performance improvements can come through a better image optimization strategy.

Media 106

Media Cache Google Best Practices 106

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 91

Google Analytics Traffic Metrics 91

CSS Wizardry

NOVEMBER 3, 2020

A couple of years ago, my first few days on a new web performance project were always slow going. Unless a client hires you to specifically improve the performance of one page, you’ll need a broad view of the whole site or application. against many other metrics as other milestones (except CLS) are network-bound and TBT is CPU-bound.

Speed 292

Speed Ecommerce Metrics Analytics 292

The Morning Paper

SEPTEMBER 22, 2019

The secret sharer: evaluating and testing unintended memorization in neural networks Carlini et al., Take a system trained to make predictions on a language (word or character) model – an example you’re probably familiar with is Google Smart Compose. USENIX Security Symposium 2019. The exposure of a secret is then determined as.

Network 55

Network Testing Strategy Google 55

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. INP will officially replace FID when it becomes an official Core Web Vital metric.

Traffic 95

Traffic Metrics Google Monitoring 95

Smashing Magazine

JANUARY 7, 2019

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 104

Performance Cache Network Metrics 104

Dynatrace

SEPTEMBER 18, 2020

Sure, cloud infrastructure requires comprehensive performance visibility, as Dynatrace provides , but the services that leverage cloud infrastructures also require close attention. Well-defined APIs are required for managing such microservices and tracking changes in their performance. Soaring number of active connections.

Infrastructure 190

Infrastructure Latency Metrics Analytics 190

Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. Jack Lenox.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. DRM-free, of course. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Get the eBook.

Media 93

Media Cache Google Best Practices 93

Smashing Magazine

MAY 9, 2022

Performance Game Changer: Browser Back/Forward Cache. Performance Game Changer: Browser Back/Forward Cache. Similarly from cross-site navigation — think Google search results or the like and then clicking back. Barry Pollard. 2022-05-09T10:30:00+00:00. 2022-05-09T17:34:14+00:00. Didn’t The HTTP Cache Do All That Anyway?

Cache 91

Cache Games Performance Website 91

Smashing Magazine

DECEMBER 19, 2021

Sometimes it’s easy enough to find the answer to that question and the site just needs to invest in performance. Sometimes though, it’s a little trickier and, despite thinking your site was great on the performance for some reason it still fails. Many developers have been asking themselves that question lately.

Google 143

Google Traffic Mobile Website 143

Smashing Magazine

APRIL 19, 2021

Google has announced that from 1st May, they will start to consider “Page Experience” as part of Search ranking , as measured by a set of metrics called Core Web Vitals. even the Google tools like PageSpeed Insights and the Core Web Vitals report in Google Search Console seem to give confusing information. Barry Pollard.

Google 140

Google Metrics Mobile Analytics 140

Speed Curve

JANUARY 29, 2024

In the fourteen years that I've been working in the web performance industry, I've done a LOT of research, writing, and speaking about the psychology of page speed – in other words, why we crave fast, seamless online experiences. What does this finding mean in web performance terms? Some sensory memory does stick, of course.

Speed 133

Speed Website Mobile Cloud 133

High Scalability

MARCH 22, 2019

At some point, the e-mail I send over WiFi will hit a wire, of course". It has 41 mostly 5 star reviews. They'll learn a lot and love you even more.5 5 billion : weekly visits to Apple App store; $500m : new US exascale computer; $1.7 slobodan_ : "It is serverless the same way WiFi is wireless. Yep, there are more quotes.

Internet 134

Internet Internet Scalability Wireless 134

CSS - Tricks

AUGUST 18, 2020

Server rendering is also cool—even if that’s just how we say “send HTML over the network” these days. What follows are my findings on React performance as I’ve tried to meet this challenge in a way that’s best for users. Because of this, network performance was not a factor in my measurements. The conditions.

Performance 101

Performance Mobile Servers Code 101

Tim Kadlec

JANUARY 12, 2021

Client-side A/B testing has been a performance loving developer’s worst friend for years. They can wreak havoc on a site’s performance. In some cases, like Google Optimize, it’s even free. The tests are all going to be run using WebPageTest , on a Moto G4, over a fast 3G network.

Testing 137

Testing Google Traffic Servers 137

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.

Cache 136

Cache Best Practices Strategy Servers 136

High Scalability

SEPTEMBER 7, 2018

million : new image/caption training set; 32,408,715 : queries sent to Pwned Passwords; 53% : Memory ICs Total 2018 Semi Capex; 11 : story Facebook datacenter prison in Singapore; $740,357 : ave cost of network downtime; Quotable Quotes: @BenedictEvans : Recorded music: $18 billion. However still far from Google ($28B) and Facebook ($13.2B).

Internet 137

Internet Internet Scalability Lambda 137

KeyCDN

OCTOBER 31, 2019

Google Chrome is currently one of the most popular web browsers used by developers today. According to StatCounter , as of September 2019, Google Chrome holds 63.72% browser market share across the globe. What Are the Google Chrome DevTools? They provide developers deeper access into their web applications and the browser.

Google 85

Google Website Network Media 85

Dotcom-Montior

NOVEMBER 16, 2021

Google was the first company to create, embrace, and put support behind the role of site reliability engineering. Since that time, the SRE role has evolved as the industry has changed and shifted from the traditional monolithic structures to large, widely distributed networks and microservices.

Monitoring 91

Monitoring Google DevOps Engineering 91

Dynatrace

NOVEMBER 29, 2021

Self-hosted Kubernetes installations or services — such as Amazon EKS, Azure Kubernetes Service, or the Google Kubernetes Engine — make it possible for enterprises to select and implement best-fit functions. Microservices architecture combines loosely-coupled functions to create high-performing applications. Control plane performance.

Monitoring 147

Monitoring DevOps Infrastructure Metrics 147

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.

Website 103

Website Media Mobile Network 103

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. Google’s industry benchmarks from 2018 also provide a striking breakdown of how each second of loading affects bounce rates.

Cache 92

Cache Social Media Media Network 92

Alex Russell

JULY 14, 2021

Engine diversity is essential, as it is the mechanism that causes competition to deliver better performance, capability, privacy, security, and user controls. Google's Search App and Facebook's various apps for Android undermine these choices in slightly different ways. [3] More on that when we get to iOS.

Google 121

Google Mobile Engineering Internet 121

The Morning Paper

JUNE 23, 2019

I say go ahead and use local state as a performance boost, so long as you’re fine to have that state wiped out at any moment. In ProtoCache (a component of a widely used Google application), 27% of its latency when using a traditional S+RInK design came from marshalling/un-marshalling. Who knew! ;). for replication or re-balancing).

Cache 79

Cache Latency Google Lambda 79

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

KeyCDN

SEPTEMBER 12, 2019

We normally focus solely on the performance aspect, but today we want to dive into additional ways you can optimize images for the web. The file size of your images of course is very important, but SEO and social media also play an important part in helping your website perform and convert better.

Social Media 106

Social Media Media Google Website 106