14 lines
2.6 KiB
XML
14 lines
2.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 720" role="img" aria-labelledby="title desc">
|
|
<title id="title">Цикл разбора роста bundle</title>
|
|
<desc id="desc">Диаграмма показывает переход от двух metafile к delta input, chunk, source map и браузерной проверке результата.</desc>
|
|
<rect width="1200" height="720" fill="#f8fafc"/><style>text{font-family:Arial,sans-serif;fill:#172033}.head{font-size:30px;font-weight:700}.label{font-size:20px;font-weight:700}.body{font-size:16px}.box{fill:#fff;stroke:#3976a8;stroke-width:3}.good{fill:#edf8f1;stroke:#278456;stroke-width:3}.warn{fill:#fff0f0;stroke:#bd3f3f;stroke-width:3}.line{stroke:#5b7187;stroke-width:4;fill:none;marker-end:url(#a)}</style><defs><marker id="a" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto"><path d="M0 0L0 6L9 3z" fill="#5b7187"/></marker></defs>
|
|
<text x="55" y="58" class="head">Bundle вырос: ищем input, а не виновника</text>
|
|
<rect x="55" y="178" width="230" height="120" rx="12" class="box"/><text x="82" y="219" class="label">До</text><text x="82" y="251" class="body">metafile + output</text><text x="82" y="276" class="body">input bytes</text>
|
|
<rect x="355" y="178" width="230" height="120" rx="12" class="box"/><text x="382" y="219" class="label">После</text><text x="382" y="251" class="body">тот же fingerprint</text><text x="382" y="276" class="body">новый output</text>
|
|
<rect x="655" y="178" width="230" height="120" rx="12" class="good"/><text x="682" y="219" class="label">Delta</text><text x="682" y="251" class="body">top inputs</text><text x="682" y="276" class="body">chunk и import</text>
|
|
<rect x="955" y="178" width="190" height="120" rx="12" class="good"/><text x="981" y="219" class="label">Проверка</text><text x="981" y="251" class="body">map + network</text><text x="981" y="276" class="body">cache и transfer</text>
|
|
<path d="M285 238H355M585 238H655M885 238H955" class="line"/>
|
|
<rect x="305" y="462" width="590" height="118" rx="12" class="warn"/><text x="335" y="504" class="label" fill="#991b1b">СТОП: input различается или карта не совпадает</text><text x="335" y="538" class="body" fill="#991b1b">Не делать вывод о performance по размеру одного файла.</text><text x="335" y="563" class="body" fill="#991b1b">Сначала вернуть сравнение к одинаковым условиям.</text>
|
|
<path d="M470 298V462M770 298V462" class="line"/>
|
|
</svg>
|