Brendan Gregg

SEPTEMBER 5, 2021

I summarized this case study at [Kernel Recipes] in 2017 and have shared the full story here. ## 1. The ZFS Adapative Replacement Cache (ARC) is the main memory cache for the file system. The ARC contains lists of cached buffers for different memory types. I worked on this code back at Sun. There were new to me.

Cache 145

Cache Cloud Java Tuning 145

InfoQ

MARCH 15, 2024

The company used serverless services on AWS, including Lambda, Step Functions, EventBridge, and Redis Cache. Hashnode created a scalable event-driven architecture (EDA) for composing feed data for thousands of users. The solution leverages Step Functions' distributed maps feature that enables high-concurrency processing. By Rafal Gancarz

Scalability 68

Scalability AWS Architecture Lambda 68

Brendan Gregg

JULY 2, 2021

cachestat File system cache statistics line charts. Once you have this all working, you have version 1! ## Case study: Netflix Netflix is building a new GUI that does this tool dashboard and more, based on the bpftrace versions of these tools. execsnoop New processes (via exec(2)) table. opensnoop Files opened table.

Latency 145

Latency Cache Energy Open Source 145

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. It will help you build up a company-tailored case study with real data.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

SEPTEMBER 24, 2021

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). To mitigate the performance issues, we had to add a lot of (unbudgeted) extra servers and had to aggressively cache pages on a reverse proxy. Jonne Kats.

Website 113

Website Code Servers Analytics 113

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

AUGUST 3, 2023

Each stage has its unique challenges and potential pitfalls, as other case studies show. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further. This caching mechanism also improves the website’s resilience to distributed denial-of-service (DDoS) attacks.

Performance 74

Performance Cache Traffic Metrics 74

Brendan Gregg

AUGUST 29, 2021

This is a rough post to share this old but good case study of using these tools, and to help justify their further development. Reads usually have apps waiting on them; writes may not (write-back caching). This is a 64-Gbyte memory system, and 48 Gbytes is in the page cache (the file system cache). 17 48011 [.]

Cache 40

Cache C++ AWS Systems 40

MachMetrics

JANUARY 16, 2020

His article in the Web Performance Calendar, The ugly truth about optimizing beautiful images , explores a few case studies and offers some solutions as well. In the final case study in Michael’s article, the total image size was reduced by 95%. Images are being lazy-loaded above the fold. Further analysis.

Speed 89

Speed Website Metrics Cache 89

The Netflix TechBlog

MARCH 5, 2019

the order of the rows on your Netflix home page, issuing content licenses when you click play, finding the Open Connect cache closest to you with the content you requested, and many more). A majority of the Netflix product features are either partially or completely dependent on one of our many micro-services (e.g.,

Infrastructure 182

Infrastructure Cloud Scalability AWS 182

Brendan Gregg

SEPTEMBER 5, 2021

I summarized this case study at Kernel Recipes in 2017; it is an old story that's worth resharing here. The ZFS Adapative Replacement Cache (ARC) is the main memory cache for the file system. The ARC contains lists of cached buffers for different memory types. I worked on this code back at Sun.

Cache 52

Cache Cloud Tuning Java 52

The Morning Paper

JUNE 25, 2019

A far memory data structure has: far data in far memory, containing the core content of the data structure data caches at clients algorithms for operations. Processor caches can help to hide local accesses too, but not remote accesses. Clients cache the entire tree, but not the hash tables. Refreshable vectors. A worked example.

Design 80

Design Cache Hardware Scalability 80

KeyCDN

AUGUST 29, 2019

In the plugin’s settings you will want to check the following: Optimize HTML Code Optimize JavaScript Code Optimize CSS Code We are also using KeyCDN’s free Cache Enabler plugin to deliver the WebP formatted images we converted earlier for faster download times. location ~*.(js|css|png|jpg|svg|jpeg|gif|ico)$

Google 103

Google Cache Speed Analytics 103

Smashing Magazine

NOVEMBER 17, 2022

Case Study: Image Component In A Jamstack Site. Cache Your Images. A website’s performance can suffer if frequently accessed images are not cached, as many requests will be made to images that have already been loaded in the user’s system. Table of Contents: What Is Web Performance? Fixes To Common Problems. Conclusion.

Media 105

Media Cache Website Mobile 105

CSS Wizardry

AUGUST 13, 2019

To further exacerbate the problem, the 302 response has a Cache-Control: must-revalidate, private. header , meaning that we will always make an outgoing request for this resource regardless of whether or not we’re hitting the site from a cold or a warm cache.

Latency 203

Latency Cache Strategy Media 203

Jos

JUNE 2, 2018

How would you architecture a non-trivial size web project (client, server, databases, caching layer)? There is a lot research on how performance optimization improves key metrics and sites like WPO Stats are a good source of case studies. Lots of case studies where changes in performance led to key metric improvement.

Performance 237

Performance Speed Google Media 237

Brendan Gregg

SEPTEMBER 5, 2021

I summarized this case study at [Kernel Recipes] in 2017; it is an old story that's worth resharing here. ## 1. The ZFS Adapative Replacement Cache (ARC) is the main memory cache for the file system. The ARC contains lists of cached buffers for different memory types. I worked on this code back at Sun.

Cache 40

Cache Cloud Java Tuning 40

Smashing Magazine

JANUARY 6, 2020

You need a business stakeholder buy-in, and to get it, you need to establish a case study, or a proof of concept using the Performance API on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. It will help you build up a company-tailored case study with real data. How to get there?

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

You need a business stakeholder buy-in, and to get it, you need to establish a case study on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Study common complaints coming into customer service and see how improving performance can help relieve some of these common problems. How to get there?

Performance 103

Performance Cache Network Metrics 103

Tim Kadlec

MARCH 7, 2017

This is evidenced by most of the AMP case studies I’ve seen. Paul would point out you could, for example, cache your AMP content on your own servers. It’s not decentralized because at least all AMP pages are hosted on Google’s cache. And AMP does all those things. And maybe it will be.

Cache 72

Cache Google Performance Metrics 72

Smashing Magazine

MARCH 19, 2021

Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files. If a browser doesn’t support AVIF, it gets a JPEG file (properly cached), The content negotiation happens via <picture> + srcset in the browser. The next day we subset the fonts and pushed them live. CSS Generators.

Mobile 140

Mobile Design Cache Code 140

MachMetrics

NOVEMBER 22, 2020

We recently did a case study on how Target could make their site 3 seconds faster , but Target will likely never get their site fully loaded in 2 seconds. Using a CDN like Cloudflare is a great way to cache your static assets and serve them to your users via the shortest path possible. Craigslist.

Website 57

Website Speed Google Cache 57

Smashing Magazine

JUNE 26, 2019

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. In fact, there are two recent case studies that demonstrate why custom web fonts are detrimental to page loading speeds. Clean coding practices. Minification.

Speed 110

Speed Website Mobile Design 110

Brendan Gregg

JULY 2, 2021

cachestat File system cache statistics line charts 7. In the end, they are both good options. ## Case study: Netflix Netflix is building a new GUI that does this tool dashboard and more, based on the bpftrace versions of these tools. execsnoop New processes (via exec(2)) table 2. opensnoop Files opened table 3.

Open Source 40

Open Source Latency Cache Energy 40

Smashing Magazine

JANUARY 21, 2021

Plus a service worker that caches all static assets and serves them for repeat views, along with cached versions of articles that a reader has already visited. Once the fonts have been downloaded, we store them in a service worker’s cache. On subsequent visits we first check if the fonts are already in the cache.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JUNE 30, 2021

First and foremost, this allows you to implement arbitrarily complex caching behavior, but it has also been extended to let you tap into long-running background fetches, push notifications, and other functionality that requires code to run without an associated page. Case-Study: PROXX. Case Study: Moving A Three.js-Based

Games 145

Games Architecture Code C++ 145

Rigor

DECEMBER 19, 2019

For example, in a case study published by Gilt Groupe , Eric Shepherd, who was formerly Gilt’s principal front end engineer, noted that: Both RUM and synthetic monitoring give different views of our performance, and are useful for different things. They each bring different – and complementary – information to the table.

Monitoring 40

Monitoring Benchmarking Website Traffic 40

Smashing Magazine

NOVEMBER 2, 2021

Based on the data provided by divante ’s findings on 30 PWA case studies, progressive web apps have a 36% larger mobile conversion rate than native applications. To specify, users can continue using those parts of the site that were cached if the Internet connection is unstable or when offline. Large preview ). Large preview ).

Code 74

Code Cache Retail Architecture 74

Smashing Magazine

JUNE 1, 2022

Researchers and major companies have been publishing case studies for years , proving that slower page load experiences impact business metrics, including conversion rate, revenue, bounce rate, and more. Poor performance of third-party services can have other business impacts even if your website does not use advertising.

Website 131

Website Design Network Best Practices 131

Jos

JUNE 2, 2018

How would you architecture a non-trivial size web project (client, server, databases, caching layer)? There is a lot research on how performance optimization improves key metrics and sites like WPO Stats are a good source of case studies. Lots of case studies where changes in performance led to key metric improvement.

Performance 130

Performance Speed Google Media 130

Rigor

SEPTEMBER 3, 2019

Case studies abound. Prior to any peak event, take the time to review your CDN’s cache design and offload metrics to determine what improvements can be made. Ultimately, the key to surviving a peak event is to have very good CDN cache designs. A key to surviving a peak event is to have very good #CDN cache designs.

Website 74

Website Ecommerce Cache Traffic 74

KeyCDN

JULY 11, 2019

width=600&quality=70 Combine this with our WebP caching to automatically deliver the highest performing image format. If you have a WordPress website our Cache Enabler plugin can handle this automatically. A while back we did a case study on website latency with and without a content delivery network and tested overall times.

Speed 52

Speed Website Mobile Latency 52

The Morning Paper

APRIL 9, 2019

” A case study: In our study, we found the single sign-on part of a major Chinese website network to be susceptible to both a persistent and a re?ected We could identify in several cases these flaws are actually introduced by third-party libraries, among them CloudFlare and Criteo. ected Client-Side XSS ?aw.

Storage 44

Storage Cache Transportation Network 44

Speed Curve

FEBRUARY 25, 2024

Guest profiles also start with empty caches, empty cookie stores, empty browser storage, etc. He shared a case study where they replaced over 50,000 lines of JavaScript with native HTML and CSS features. I expect consent managers to adopt this approach as a default.

Analytics 93

Analytics Processing Google Mobile 93

Highly Scalable

APRIL 2, 2012

The rationale behind these methods is that frontend should be able to fetch transient information very efficiently and separately from fetching of heavy-weight domain entities because this information cannot be cached. So, the only way was to cache all necessary data to minimize interaction with RDBMS.

Ecommerce 100

Ecommerce Cache Storage Architecture 100

Speed Curve

DECEMBER 25, 2013

All CMS's should be offering this level of image manipulation and caching. Case study: the new responsive Guardian site. CDN Connect is a promising new service that allows you to transform a single high quality image into many different formats and has an impressive range of methods to crop, filter and manipulate images.

Performance 60

Performance Mobile Website Benchmarking 60