<?php
// Example from
// <https://en.m.wikipedia.org/w/load.php?modules=skins.minerva.icons.page.issues.default.color&only=styles>
$oneVariant = <<<CSS
.mw-ui-icon-minerva-issue-generic-defaultColor:before{background-image:url(/w/load.php?modules=skins.minerva.icons.page.issues.default.color&image=issue-generic&format=rasterized&skin=fallback&version=3061g);background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E alert %3C/title%3E%3Cg fill=%22%2354595d%22%3E %3Cpath d=%22M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z%22/%3E %3C/g%3E%3C/svg%3E")}
CSS;
$twoVariants = <<<CSS
.mw-ui-icon-minerva-issue-generic-defaultColor:before{background-image:url(/w/load.php?modules=skins.minerva.icons.page.issues.default.color&image=issue-generic&format=rasterized&skin=fallback&version=3061g);background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E alert %3C/title%3E%3Cg fill=%22%2354595d%22%3E %3Cpath d=%22M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z%22/%3E %3C/g%3E%3C/svg%3E")}.mw-ui-icon-minerva-issue-generic-lowColor:before{background-image:url(/w/load.php?modules=skins.minerva.icons.page.issues.default.color&image=issue-generic&variant=lowColor&format=rasterized&skin=fallback&version=3061g);background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E alert %3C/title%3E%3Cg fill=%22%23fc3%22%3E %3Cpath d=%22M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z%22/%3E %3C/g%3E%3C/svg%3E")}
CSS;
$oneTransferred = strlen(gzencode($oneVariant));
$twoTransferred = strlen(gzencode($twoVariants));
$lineFmt = "%+' 15s | %+13s |\n";
echo sprintf($lineFmt, '', 'Transfer size');
echo sprintf($lineFmt, 'One variant', "$oneTransferred B");
echo sprintf($lineFmt, 'Two variants', "$twoTransferred B");
echo sprintf($lineFmt, 'Diff', '+' . ($twoTransferred-$oneTransferred) . " B");
preferences:
41.17 ms | 405 KiB | 5 Q