Smashing Magazine

JANUARY 16, 2023

See live: Codepen demo 1. The image in this demo is displayed at a fixed width of 280px on all devices. See live: Codepen demo 2. See live: Codepen demo 3. See the final demo. Let’s illustrate the browser’s behavior with an example using our previous code: <img src="image-300.png". srcset=" image-300.png

Media 104

Media Mobile Website Metrics 104

Dynatrace

NOVEMBER 3, 2021

Examples include a spike in memory utilization, a decrease in cache hit ratio, or an increase in CPU utilization. For example, when monitoring a database, you’ll want to know about any latency when writing data to a disk or average query response time. The post Observability vs. monitoring: What’s the difference?

Monitoring 216

Monitoring Metrics DevOps Scalability 216

Dynatrace

NOVEMBER 13, 2020

Test Flutter monitoring with our demo app. To get you up to speed quickly and to test Dynatrace easily, we provide a small Flutter demo app. This flushes the cache on the Dynatrace Cluster; you should see events in the web UI shortly thereafter. What’s next.

Code 170

Code Mobile Monitoring Infrastructure 170

CSS - Tricks

SEPTEMBER 2, 2021

HTTP Caching is a Superpower — Hugh Haworth covers how the Cache-Control header is an awfully potent ingredient in web performance. I mis-read the title at first and was waiting to read about HTML caching. I only do it now because Cloudflare handles it. Sorta weird it won’t build on Skypack.

Performance 53

Performance Cache AWS Technology 53

Brendan Gregg

FEBRUARY 28, 2023

TCP Extensions for Multipath Operation with Multiple Addresses,” [link] Mar 2020 - [Gregg 20] Brendan Gregg, “Systems Performance: Enterprise and the Cloud, Second Edition,” Addison-Wesley, 2020 - [Hruska 20] Joel Hruska, “Intel Demos PCIe 5.0 Ford, et al., “TCP Clone Disk],” - [link] 2020 - [Moore 20] Samuel K.

Performance 110

Performance Latency Cache Virtualization 110

Brendan Gregg

JULY 2, 2021

cachestat File system cache statistics line charts. In a previous blog post, [An Unbelievable Demo], I talked about how something similar happened many years ago where old tracing tool versions were used without updates. execsnoop New processes (via exec(2)) table. opensnoop Files opened table. ext4slower Slow filesystem I/O table.

Latency 145

Latency Cache Energy Systems 145

KeyCDN

DECEMBER 8, 2022

Many factors affect the speed of your WordPress website; some of them are: Your web host Server-side optimizations (PHP version, compression, caching, etc.) Even many of their demos, packed full of content, load under 800 ms. Configure cache to optimize your website Caching is a complex technology with many layers.

Cache 52

Cache Website Speed Website Performance 52

SQL Performance

SEPTEMBER 25, 2019

The general idea is to cache and replay results, saving repeated executions of inner-side operators wherever possible. When a spool is able to replay cached results, this is known as a rewind. You may find it helpful to think of a spool rebind as a cache miss, and a rewind as a cache hit. Lazy Table Spool.

Performance 104

Performance Cache Servers Education 104

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. This improves page load time and caching during navigations.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

MAY 25, 2021

It’s also trickier to handle cached fonts we already have, not to mention differences in various fallback styles. See [link] by @cramforce for a demo (Chrome Canary/FF Nightly with flags) pic.twitter.com/hEg1HfUJlT — Addy Osmani (@addyosmani) May 22, 2021.

Operating System 143

Operating System Google Website Cache 143

Smashing Magazine

FEBRUARY 3, 2022

These numbers are based on first-page load — caching seems very efficient for subsequent page loads. This Codepen demo demonstrates how it can be used to lazyload a number of tweets. Here’s a very basic demo of how we can do this using vanilla JS: See the Pen [Click to load video [forked]]([link] by Michelle Barker.

Social Media 101

Social Media Media Website Airlines 101

SQL Performance

MAY 16, 2019

The demo loads 268 rows into a brand new clustered table using INSERT.SELECT with TABLOCK , and reports on the transaction log records generated. For example, changing the TOP clause in the demo script to use a variable results in a fixed cardinality guess of 100 rows, which is below the 251 row minimum: -- Insert rows.

Cache 67

Cache Servers Testing Storage 67

SQL Performance

NOVEMBER 22, 2019

OPTION ( FORCE ORDER ) ; With the session_id predicates now not consumed as parameters, the SelSTVFToIdxOnFly rule is free to convert them to an eager index spool: I don't want to leave you with the impression that tricky rewrites are needed to get an eager index spool over a DMV source – it just makes for an easier demo.

Servers 77

Servers Cache Database Performance 77

Brendan Gregg

FEBRUARY 28, 2023

TCP Extensions for Multipath Operation with Multiple Addresses,” [link] , Mar 2020 [Gregg 20] Brendan Gregg, “Systems Performance: Enterprise and the Cloud, Second Edition,” Addison-Wesley, 2020 [Hruska 20] Joel Hruska, “Intel Demos PCIe 5.0 Ford, et al., “TCP Clone Disk],” [link] , 2020 [Moore 20] Samuel K.

Performance 52

Performance Latency Cache Virtualization 52

SQL Performance

MAY 29, 2019

The script below is a modification of the demo used in earlier parts in this series. GO. -- Clear the plan cache. The modified demo script is: IF OBJECT_ID ( N'dbo.Test' , N'U' ) IS NOT NULL. GO. -- Clear the plan cache. ( DB_ID ( ) , OBJECT_ID ( N'dbo.Test' , N'U' ) , 1 , -- Index ID.

Cache 64

Cache Testing Servers Code 64

Adrian Cockcroft

JANUARY 29, 2023

For this demo on an old MacBook (2.7 I think that the structure of the system in terms of functionality distributed across a network of lambda functions, microservices, caches, databases and external services is going to determine the number and position of each peak. The initial loglik value is higher but trends to the same result.

Lambda 98

Lambda Latency Cache C++ 98

Smashing Magazine

JANUARY 6, 2020

The idea is quite straightforward: Push the minimal code needed to get interactive for the initial route to render quickly, then use service worker for caching and pre-caching resources and then lazy-load routes that you need, asynchronously. Incremental Transfer Demo is already available, and it’s work in progress.

Performance 145

Performance Cache Network Metrics 145

Tim Kadlec

OCTOBER 8, 2015

They are able to selectively load things that will appear in the initial viewport and focus heavily on ensuring AMP pages are prerender and cache friendly. To further help achieve the goal of “instant load”, Google is offering to provide caching for these AMP pages through their CDN. You can limit your use of JavaScript.

Cache 75

Cache Google Mobile Open Source 75

SQL Performance

OCTOBER 20, 2022

This was convenient for the demos but repeatable read isolation isn’t common in everyday use. An extra lock or two can be enough to trigger an escalation check when trying to demo edge cases. The test procedure includes extra statements to prevent plan caching in another attempt to make the tests more repeatable.

Testing 91

Testing Servers Cache Engineering 91

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. directives , and full ownership mitigates the risks that come with leaving static assets on third-party origins.

Google 364

Google Media Latency Metrics 364

Dynatrace

SEPTEMBER 17, 2019

Instead of presenting you with a handful of random screenshots from our demo environment I reached out to Robert, a close friend of mine, who leads a development team with the current task to re-architect and re-platform their multi-tenant SaaS-based eCommerce platform. REDIS for caching. NGINX as an API Gateway. 3 Log Analytics.

AWS 127

AWS Monitoring Ecommerce Lambda 127

KeyCDN

FEBRUARY 27, 2019

This allows you to better leverage browser caching. To measure this we created a demo page and measured the difference in speed between a page with no pushed assets and the same page with 2 pushed assets. Push is also great for utilizing think time in a more efficient manner. The difference resulted in a 12.5%

Speed 99

Speed Servers Website Efficiency 99

Brendan Gregg

JULY 2, 2021

cachestat File system cache statistics line charts 7. In a previous blog post, [An Unbelievable Demo], I talked about how something similar happened many years ago where old tracing tool versions were used without updates. execsnoop New processes (via exec(2)) table 2. opensnoop Files opened table 3. and running it on Linux 5.x.

Open Source 40

Open Source Latency Cache Energy 40

Smashing Magazine

JANUARY 7, 2019

The idea is quite straightforward: Push the minimal code needed to get interactive for the initial route to render quickly, then use service worker for caching and pre-caching resources and then lazy-load routes that you need, asynchronously. An application shell is the minimal HTML, CSS, and JavaScript powering a user interface.

Performance 103

Performance Cache Metrics Network 103

Dynatrace

JUNE 18, 2019

Moreover, features like Instant Run and the Gradle Build Cache weren’t supported. Out-of-the-box support for Instant Run and the Gradle Build Cache make the auto-instrumentation process barely noticeable. The second one ( demo ) matches the demo flavor, which is defined in the Gradle script and disables web request monitoring.

Cache 27

Cache Java Monitoring Tuning 27

Percona

MAY 2, 2023

example.net --port=27017 --username=user --authenticationDatabase=admin --db=demo --collection=events --out=/opt/backup/mongodump-2011-10-24 Note : If we don’t specify the DB name or Collection name explicitly in the above “mongodump” syntax then the backup will be taken for the entire database or collections, respectively.

Best Practices 52

Best Practices Database Storage Servers 52

Jos

APRIL 6, 2018

</ div >. ) ; If you do this, make sure that the images have the right cache response headers so subsequent requests from the browser hit the cache and it doesn’t download the images again. You can see a demo here (check the code source ). . < img src = " [link] " width = " 300 " height = " 300 " />. ) : (. <

Code 147

Code Performance Media Google 147

Smashing Magazine

OCTOBER 8, 2021

Generate your own madlibs in the demo ; Look through the final code on Github ; Get a fully-built version set up in your accounts. We can use 11ty’s new Serverless mode to build them on request using Netlify’s On-Demand Builders to cache each Madlib. Netlify then caches that page on its edge CDN for each additional call.

Serverless 77

Serverless Cache Open Source Code 77

SQL Server According to Bob

JUNE 3, 2016

DEMO – It Just Runs: DBCC CheckDB. Note: You may need to execute the dbcc a second time so buffer cache is hot, eliminating I/O sub-system variants. . ‘It Just Runs Faster’ – Out of the box SQL Server 2016 DBCC provides you better performance, scale while shrinking your maintenance window(s.). or newer release.

Hardware 40

Hardware Cache Servers Software Engineering 40

SQL Performance

JUNE 5, 2019

We will restore the backup and enable Query Store, and clear out any old Query Store data so we do not alter any metrics for this demo. Subsequent executions have the same plan (as that’s what was cached) and the same memory grant, but we get a clue it’s not enough because there’s a sort warning. The Sales.Orders table has about 4.6

Servers 41

Servers Cache Database Metrics 41

Jos

APRIL 5, 2018

< div className = " placeholder " />. ) &#125; </ div >. ) ; If you do this, make sure that the images have the right cache response headers so subsequent requests from the browser hit the cache and it doesn’t download the images again. . < img src = " [link] " width = " 300 " height = " 300 " />. ) : (. <

Code 130

Code Performance Google Media 130

Smashing Magazine

MARCH 7, 2022

If making use of Client Hints and returning different results for the same URL based on these, do remember to include the client hint headers you are altering content based upon, in your Vary header, so any caches are aware of this and won’t serve the cached page for future visits unless they also have the same client hint headers set.

Website 103

Website Media Mobile Network 103

SQL Performance

SEPTEMBER 6, 2022

There are good reasons you haven’t seen a simple demo of lock escalation taking place at 5000 locks. SET NOCOUNT , XACT_ABORT ON ; -- Prevent plan caching for this procedure. -- See [link]. Much of the documentation is incorrect or at least imprecise about this and I’ve been unable to find a correct description in other writings.

Database 98

Database Storage Testing Servers 98

The Netflix TechBlog

NOVEMBER 23, 2020

After an instance of gnmi-gateway acquires a lock for a target and forms a connection, it begins to forward data into the local in-memory cache. Although Zookeeper is the included clustering implementation, gnmi-gateway provides a Golang interface that can be used to implement connection coordination with systems other than Zookeeper.

Open Source 186

Open Source Network Transportation Cache 186

Percona

JANUARY 4, 2023

Stage – Instrument starting with ‘stage’ provides the execution stage of any query like reading data, sending data, altering table, checking query cache for queries, etc. For getting familiar, check the PMM demo. For example stage/sql/altering table. Wait – Instrument starting with ‘wait’ falls here.

Performance 98

Performance C++ Monitoring Servers 98

Smashing Magazine

JULY 15, 2021

It is based on a caching strategy called “stale while revalidate”, meaning a page can be “stale” with old information until it’s re-generated and the cache is updated. When the non-built pages are requested for the first time, they are built and cached at the edge so they don’t need to be built again.

Cache 125

Cache Website Strategy Servers 125

Smashing Magazine

JANUARY 21, 2019

Native Client-Side Cache/Data Store. For instance, the returned data for each request can be added into a client-side cache containing all data requested by the user throughout the session. And just by iterating all the values under modulesettings["share-on-social-media"].modules Extensibility And Re-purposing.

Social Media 64

Social Media Database Media Website 64