Sabin Tudor dimorphic

Retrieving Docker Image Sizes

There are two metrics that are important to consider when discussing the size of Docker images.

Compressed size - This is often referred to as the wire size. This affects how fast/slow images can be pulled from a registry. This impacts the first run experience on machines where images are not cached.
Uncompressed size - This is often referred to as the size on disk. This affects how much local storage is required to support your Docker workloads.

The example commands shown below will work on Windows, MacOS, and Linux.

Feel free to contact me at [email protected] or tweet at me @statisticsftw

This is a rough outline of how we utilize next.js and S3/Cloudfront. Hope it helps!

	const easeInOutCubic = t => (t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1)

	function timeline(t, number, slot, cb) {
	const range = slot * (1 / number)
	if (t >= range && t <= range + 1 / number) cb(easeInOutCubic((t - range) * number))
	}

	function useTimeline(factor = 1, number, offset, callback) {
	useFrame(state => {
	const t = (Math.sin(state.clock.getElapsedTime() * factor) + 1) / 2

	type State = {
	added: boolean;
	interval: false \| ReturnType<typeof setInterval>;
	inFrame: boolean;
	callbacks: Array<SetFocusedCallback>;
	};

	type EnrichedHTMLIFrameElement = HTMLIFrameElement & { ___onWindowFocusHandled: boolean };

	type SetFocusedCallback = (focused?: boolean) => void;

	/* Basic example of saving cookie using axios in node.js and session's recreation after expiration.
	* We have to getting/saving cookie manually because WithCredential axios param use XHR and doesn't work in node.js
	* Also, this example supports parallel request and send only one create session request.
	* */

	const BASE_URL = "https://google.com";

	// Init instance of axios which works with BASE_URL
	const axiosInstance = axios.create({ baseURL: BASE_URL });

	const clamp = (value, min, max) => Math.min(Math.max(value, min), max)

	class SpatialHashMap {
	constructor(width, height) {
	this.width = width;
	this.height = height;

	this.grid = new Array(width * height).fill(null).map(() => []);
	}

	Setup: Intel Haswell, Debian. Both tests ran against the same image libraries (libjpeg-turbo etc).
	Both ran on a single thread only. Save qualities were 85 for JPEG and WEBP, compress level 7 for PNG.
	Both tests ran many iterations and then averaged results.
	Benchmarking code can be found at https://github.com/discordapp/lilliput-bench

	Test types:
	- Header reading: We don't actually know what's in a blob of image bytes when we get it. Reading the header allows us
	to decide if we want to resize the image.
	- Resize, 256x256 => 32x32: We have lots of icon-sized assets that we need resized into various smaller formats.
	These make up a pretty sizable percentage of our resizes.