Cache, Document, Latency and Network - Technology Performance Pulse

The Three Cs: Concatenate, Compress, Cache

CSS Wizardry

OCTOBER 16, 2023

Compressing them over the network: Which compression algorithm, if any, will we use? Caching them at the other end: How long should we cache files on a user’s device? Plotted on the same horizontal axis of 1.6s, the waterfalls speak for themselves: 201ms of cumulative latency; 109ms of cumulative download. It gets worse.

Cache

Cache Latency Strategy Speed

Seamlessly Swapping the API backend of the Netflix Android app

The Netflix TechBlog

SEPTEMBER 8, 2020

This allows the app to query a list of “paths” in each HTTP request, and get specially formatted JSON (jsonGraph) that we use to cache the data and hydrate the UI. You can find a lot more details about how this works in the Spinnaker canaries documentation. This meant that data that was static (e.g.

Latency

Latency Cache Java Traffic

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. It essentially describes the lifetime of each file you download to load your page from the network. You can see this by opening your browser and looking in the Networking tab.

Cache

Cache Performance Servers Social Media

Percentiles don’t work: Analyzing the distribution of response times for web services

Adrian Cockcroft

JANUARY 29, 2023

The mean and percentile measurements hide this structure, but the rest of this post will show how the structure can be measured and analyzed so that you can figure out a useful model of your system, understand what is driving the long tail of latencies and come up with better SLAs and measures of capacity.

Lambda

Lambda Latency Cache C++

The Fastest Google Fonts

CSS Wizardry

MAY 19, 2020

It’s widely accepted that self-hosted fonts are the fastest option: same origin means reduced network negotiation, predictable URLs mean we can preload , self-hosted means we can set our own cache-control. On a high-latency connection, this spells bad news. Put another-other way, this file is latency-bound, not bandwidth-bound.

Google

Google Media Latency Metrics

ChatGPT vs. MySQL DBA Challenge

Percona

MAY 2, 2023

ChatGPT: The InnoDB buffer pool is used by MySQL to cache frequently accessed data in memory. If we expand the cache concept more, the buffer pool could be even less if the working set (hot data) is smaller. Also, there is a documented bug: OPTIMIZE TABLE does not sort R-tree indexes, such as spatial indexes on POINT columns.

Social Media

Social Media Database Servers Cache

AnyLog: a grand unification of the Internet of things

The Morning Paper

FEBRUARY 23, 2020

There are five different types of member in an AnyLog system, and any network node can join without restriction as any type of member. Caching of query results on the other hand, looks like a good business model, at large enough scale these might amount to pretty much the same thing). Market participants. web pages).

Blockchain

Blockchain Internet Internet IoT

Cache-Control for Civilians

CSS Wizardry

MARCH 3, 2019

The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors. ?? How is your knowledge of caching and Cache-Control headers?

Cache

Cache Latency Strategy Servers

Optimizing Performance With Resource Hints

Smashing Magazine

APRIL 17, 2019

All these resource hints use the rel attribute of the <link> element that you’ll be familiar with finding in the <head> of your HTML documents. The browser caches the results of these lookups, but they can be slow. You might think of a prefetch as being a bit like adding a file to the browser’s cache.

Performance

Performance Games Servers Cache

How To Avoid Landing Page Redirects (10 min read)

Rigor

JULY 2, 2019

Time spent on redirect is most noticeable on mobile devices, especially since they tend to use slower networks. You can find more information about modifying this file within your server’s documentation. This is 11% of the time required when the multiple redirects are executed. Reducing the Use of Redirection. Use Responsive Layouts.

Mobile

Mobile Traffic Google Latency

How We Optimized Performance To Serve A Global Audience

Smashing Magazine

AUGUST 3, 2023

You need to beware that slow server response times can significantly increase TTFB, often due to server overload, network issues, or un-optimized logic on the server side. You need to beware of large HTML files or slow network connections because they can lead to longer download times.

Performance

Performance Cache Traffic Metrics

Fixing a slow site iteratively

CSS - Tricks

APRIL 1, 2021

Redirects are often pretty light in terms of the latency that they add to a website, but they are an easy first thing to check, and they can generally be removed with little effort. Using a network request inspector, I’m going to see if there’s anything we can remove via the Network panel in DevTools.

Cache

Cache Social Media Media Website

Rethinking Server-Timing As A Critical Monitoring Tool

Smashing Magazine

MAY 16, 2022

This allows resource requests, including the HTML document itself, to be enriched with data during its lifecycle, and that information can be inspected for measuring the attributes of that resource! This header can be set on the response of any network resource, such as XHR, fetch, images, HTML, stylesheets, etc. Setting Server-Timing.

Servers

Servers Monitoring Cache Network

The Performance Inequality Gap, 2023

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. Networks #. This is an ethical crisis for the frontend.

Performance

Performance Network Mobile Latency

MongoDB Best Practices: Security, Data Modeling, & Schema Design

Percona

APRIL 17, 2023

The CFQ works well for many general use cases but lacks latency guarantees. The deadline excels at latency-sensitive use cases ( like databases ), and noop is closer to no schedule at all. Make sure the drives are mounted with noatime and also if the drives are behind a RAID controller with appropriate battery-backed cache.

Best Practices

Best Practices Design Tuning Database

MongoDB Database Backup: Best Practices & Expert Tips

Percona

MAY 2, 2023

Cons of logical backups As it reads all data, it can be slow and will require disk reads too for databases that are larger than the RAM available for the WT cache—the WT cache pressure increases, which slows down the performance. Especially if going into or out of storage types that may throttle bandwidth/network traffic.

Best Practices

Best Practices Database Storage Servers

A one size fits all database doesn't fit anyone

All Things Distributed

JUNE 21, 2018

In response to these needs, developers now have the choice of relational, key-value, document, graph, in-memory, and search databases. Use cases such as gaming, ad tech, and IoT lend themselves particularly well to the key-value data model where the access patterns require low-latency Gets/Puts for known key values.

Database

Database AWS Games Latency

HTTP/3: Performance Improvements (Part 2)

Smashing Magazine

AUGUST 22, 2021

As we will see, QUIC and HTTP/3 indeed have great web performance potential, but mainly for users on slow networks. If your average visitor is on a fast cabled or cellular network, they probably won’t benefit from the new protocols all that much. Two-way latency is often called round-trip time (RTT). Congestion Control.

Performance

Performance Network Latency Servers

Content Management Systems of the Future: Headless, JAMstack, ADN and Functions at the Edge

Abhishek Tiwari

NOVEMBER 3, 2018

Case-in-point, most enterprise CMS vendors lack robust full-site content delivery network (CDN) integration. A few months back, I was pulled into a scenario where a business has been working with a leading CMS vendor to roll-out a network of multi-regional websites. Eventually, we decided to move them to Jekyll.

Systems

Systems Cache Website Network

The Performance Inequality Gap, 2021

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. Modern network performance and availability.

Performance

Performance Network Cache Metrics

Can You Afford It?: Real-world Web Performance Budgets

Alex Russell

OCTOBER 22, 2017

We constrain ourselves to a real-world baseline device + network configuration to measure progress. Budgets are scaled to a benchmark network & device. This isn’t true (more on that in a follow-up post), and sites which are built this way implicitly require more script in each document (e.g., for router components).

Performance

Performance Benchmarking Network Mobile

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

SEPTEMBER 6, 2021

Next, we’ll look at how to set up servers and clients (that’s the hard part unless you’re using a content delivery network (CDN)). Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. This is true, but only to a relatively limited extent.

Network

Network Servers Cache Traffic

Progress Delayed Is Progress Denied

Alex Russell

APRIL 29, 2021

Real-time network protocols for enabling videoconferencing, desktop sharing, and game streaming applications. Modern, asynchronous network APIs that dramatically improve performance in some situations. For heavily latency-sensitive use-cases like WebXR, this is a critical component in delivering a good experience. Gamepad API.

Media

Media Games Education Engineering

SQL Server I/O Basics Chapter #1

SQL Server According to Bob

JANUARY 11, 2020

Copyright The information contained in this document represents the current view of Microsoft Corporation on the issues discussed as of the date of publication. Microsoft may have patents, patent applications, trademarks, copyrights, or other intellectual property rights covering subject matter in this document.

Servers

Servers Cache Media Hardware

Node vs React Comparison: Which to Choose for Your JS Project?

Enprowess

SEPTEMBER 7, 2021

Real-time software system – Collaboration tools used for video/audio conferencing, document writing, Chat applications, etc. with its low latency I/O operations, gives the benefit of ‘No buffering’ to developers. Network: Node.js Caching of individual modules. no DOM (Document Object Model) concept.

Open Source

Open Source Virtualization Programming Servers

SQL Server I/O Basics Chapter #2

SQL Server According to Bob

JANUARY 11, 2020

Copyright The information that is contained in this document represents the current view of Microsoft Corporation on the issues discussed as of the date of publication. After reading this document you will better understand SQL Server I/O needs and capabilities.

Servers

Servers Cache Database Media

Front-End Performance Checklist 2021

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. Site speed topography , with key metrics represented for key pages on the site.

Performance

Performance Cache Media Metrics

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

JANUARY 6, 2020

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled 3G network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G/4G network in your office for faster testing. 300ms RTT, 1.6 Mbps down, 0.8

Performance

Performance Cache Network Metrics

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

JANUARY 7, 2019

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G network in your office for faster testing. 150ms RTT, 1.5 Mbps down, 0.7 Mbps up) with a throttled CPU (5× slowdown).

Performance

Performance Cache Metrics Network

Technology Performance Pulse

The Three Cs: Concatenate, Compress, Cache

Seamlessly Swapping the API backend of the Netflix Android app

Trending Sources

Five Data-Loading Patterns To Improve Frontend Performance

Percentiles don’t work: Analyzing the distribution of response times for web services

The Fastest Google Fonts

ChatGPT vs. MySQL DBA Challenge

AnyLog: a grand unification of the Internet of things

Cache-Control for Civilians

Optimizing Performance With Resource Hints

How To Avoid Landing Page Redirects (10 min read)

How We Optimized Performance To Serve A Global Audience

Fixing a slow site iteratively

Rethinking Server-Timing As A Critical Monitoring Tool

The Performance Inequality Gap, 2023

MongoDB Best Practices: Security, Data Modeling, & Schema Design

MongoDB Database Backup: Best Practices & Expert Tips

A one size fits all database doesn't fit anyone

HTTP/3: Performance Improvements (Part 2)

Content Management Systems of the Future: Headless, JAMstack, ADN and Functions at the Edge

The Performance Inequality Gap, 2021

Can You Afford It?: Real-world Web Performance Budgets

HTTP/3: Practical Deployment Options (Part 3)

Progress Delayed Is Progress Denied

SQL Server I/O Basics Chapter #1

Node vs React Comparison: Which to Choose for Your JS Project?

SQL Server I/O Basics Chapter #2

Front-End Performance Checklist 2021

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Stay Connected