Smashing Magazine

NOVEMBER 17, 2022

In that case, you can always use the <picture> HTML tag, as shown in the code below, so that the browser can pick the image format supported in the order provided. <picture> Cache Your Images. But not only does it cache the original image, but it also stores all the transformations and combinations we make from it.

Media 106

Media Cache Website Mobile 106

Smashing Magazine

JANUARY 16, 2023

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

Media 105

Media Mobile Website Metrics 105

Smashing Magazine

JUNE 29, 2021

Without build optimizations (incremental builds, caching, we will get to those soon) this will eventually become unmanageable as well — think about going through all images in a website: resizing, deleting, and/or creating new files over and over again. It is not possible to ship code incrementally.

Cache 130

Cache Website Strategy Traffic 130

SQL Performance

OCTOBER 7, 2020

Its raison d’être is to cache result rows from a plan subtree, then replay those rows on subsequent iterations if any correlated loop parameters are unchanged. Table-valued functions use a table variable, which can be used to cache and replay results in suitable circumstances. Spools are the least costly way to cache partial results.

Servers 106

Servers Cache Azure Performance 106

Brendan Gregg

JULY 2, 2021

cachestat File system cache statistics line charts. This is thinking like a sysadmin who installs and maintains software, and not like a programmer who codes everything. as a traced function was renamed or a new code path added. You can code it and it'll work forever. execsnoop New processes (via exec(2)) table.

Latency 145

Latency Cache Energy Systems 145

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Media Metrics 145

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

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.) But before installing any plugin, you must ensure that the plugin is well-coded and properly optimized for performance. Traditionally, most WordPress hosts manage the caching.

Cache 52

Cache Website Speed Website Performance 52

Adrian Cockcroft

JANUARY 29, 2023

The code is written using the R statistics language and I downloaded a free copy of RStudio to run the examples below. > For this demo on an old MacBook (2.7 So in the end I decided to write my own peak estimation code that starts with a log-binned histogram and finds all the peaks.

Lambda 98

Lambda Latency Cache C++ 98

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

MAY 25, 2021

The amount of code isn’t huge, but it still feels like a little bit more effort than it should be. It’s also trickier to handle cached fonts we already have, not to mention differences in various fallback styles. As I mentioned earlier, the main issue with applying the fallback styling differences was in adding, and then removing them.

Operating System 143

Operating System Google Website Cache 143

Dynatrace

SEPTEMBER 17, 2019

End-to-end code-level tracing. 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.

AWS 128

AWS Monitoring Ecommerce Lambda 128

Smashing Magazine

FEBRUARY 3, 2022

These numbers are based on first-page load — caching seems very efficient for subsequent page loads. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. This Codepen demo demonstrates how it can be used to lazyload a number of tweets. Two embeds.

Social Media 102

Social Media Media Website Airlines 102

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

SQL Performance

MAY 29, 2019

The FastLoadContext code path adds support for minimally-logged and concurrent bulk load on: Empty and non-empty clustered b-tree indexes. Otherwise, rows from the ordered insert stream are added to a brand new page using an optimized, and minimally-logged code path. GO. -- Clear the plan cache. No secondary indexes. INSERT dbo.

Cache 64

Cache Testing Servers Code 64

Smashing Magazine

AUGUST 31, 2021

You can check a real-world implementation of this ContextAPI pattern in our demo repository. A route will wrap other routes and thus provide them with common definitions instead of making developers duplicate code. Now we have readable code and we can pass props down to our components touching only required layers.

Cache 103

Cache Servers Best Practices Code 103

SQL Performance

NOVEMBER 22, 2019

The next code example shows a DMV query that is successfully converted from a join to an apply. These are extremely rare in my experience, so I am not going to provide demos for them. It matches one or more relational selections (a.k.a filters or predicates) just above a data-access operator. ProductID , P. [ [ Name ] , P.

Servers 77

Servers Cache Database Performance 77

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? The first render tends to warm up a bunch of lazily compiled code, which a larger tree can benefit from when it scales.

Performance 104

Performance Cache Network Metrics 104

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. There a lot of techniques combined here, but the resulting code is still slim and maintainable enough that it should’t pose a problem.

Google 364

Google Media Latency Metrics 364

Brendan Gregg

JULY 2, 2021

cachestat File system cache statistics line charts 7. Note that if BPF was available on my target environment when I wrote cachestat(8), I would have coded it completely differently. You can code it and it'll work forever. as a traced function was renamed or a new code path added. opensnoop Files opened table 3.

Open Source 40

Open Source Latency Cache Energy 40

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 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]. Notice the lack of a check at 1250 due to the code quirk I mentioned. The code in HeapDataSetSession::EscalateLocks next calls sqlmin!IsEscalationPossible

Database 98

Database Storage Testing Servers 98

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

Abhishek Tiwari

NOVEMBER 3, 2018

They often get blindsided by vendor’s pitch and end-up making decision based on some fancy demos (see my post from 2014 on Adobe AEM ). An SSG offers a middle ground between a complex yet modular CMS solution and a simple yet involved hand-coded HTML site. Due to strong templating support, a website managed by SSG can be truly modular.

Systems 63

Systems Cache Website Network 63

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

Smashing Magazine

APRIL 29, 2021

The above code with an alt specified looks as follows: <img src="donut.jpg" alt="A delicious pink donut."> Responsive Breakpoints helps you determine the optimal image breakpoints and generate srcset code for responsive images. will optimize images dynamically upon request and store them in a local cache. Note: Next.js

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

JANUARY 21, 2019

A component is simply a set of pieces of HTML, JavaScript and CSS code put all together to create an autonomous entity. I will demonstrate this by re-imagining how this example coded for React would fare in a component-based API. Recommended reading : A GraphQL Primer: Why We Need A New Kind Of API. Building A Site Through Components.

Social Media 64

Social Media Database Media Website 64

SQL Performance

MARCH 8, 2021

Total elapsed time is 933ms with 6,673ms of CPU time with a warm cache. The stopwatch starts when SQL Server enters the code for an operator from its parent, and stops (but does not reset) when that code leaves the operator to return control back to the parent (not to a child). Let’s be precise about what we’re measuring here.

Servers 95

Servers Tuning Architecture Processing 95