revise August 2022 media performance articles

2026-07-31 13:55:03 +03:00
parent ec1fa93fd2
commit a7c2991b49
7 changed files with 410 additions and 1 deletions
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="700" viewBox="0 0 1200 700" role="img" aria-labelledby="title desc">
+  <title id="title">Контракт media slot: разметка, геометрия, load, decode и внешнее наблюдение</title><desc id="desc">Пять последовательных слоёв отделены от браузерных метрик. Диаграмма указывает, что учебная модель не создаёт DOM, не выполняет сеть и не измеряет LCP или CLS.</desc>
+  <rect width="1200" height="700" fill="#0b1220"/><text x="70" y="78" fill="#f8fafc" font-family="Arial, sans-serif" font-size="34" font-weight="700">Один media slot: сначала факты contract</text>
+  <g font-family="Arial, sans-serif"><g fill="#172554" stroke="#60a5fa" stroke-width="2"><rect x="70" y="155" width="205" height="160" rx="14"/><rect x="315" y="155" width="205" height="160" rx="14"/><rect x="560" y="155" width="205" height="160" rx="14"/><rect x="805" y="155" width="205" height="160" rx="14"/></g><rect x="385" y="405" width="430" height="130" rx="14" fill="#153e36" stroke="#5eead4" stroke-width="2"/>
+  <g fill="#f8fafc" font-size="22" font-weight="700"><text x="93" y="198">1. Markup</text><text x="338" y="198">2. Geometry</text><text x="583" y="198">3. Intent + load</text><text x="828" y="198">4. Decode label</text><text x="485" y="450">5. External observation record</text></g>
+  <g fill="#cbd5e1" font-size="17"><text x="93" y="235">src, alt, variant</text><text x="338" y="235">width × height</text><text x="583" y="235">critical / deferred</text><text x="828" y="235">только teaching token</text><text x="455" y="487">browser report передаётся извне</text><text x="455" y="514">это не измерение метрики</text></g>
+  <g stroke="#94a3b8" stroke-width="3" fill="none"><path d="M275 235H315"/><path d="M520 235H560"/><path d="M765 235H805"/><path d="M908 315V365H600V405"/></g><g fill="#94a3b8"><path d="M307 228l8 7-8 7z"/><path d="M552 228l8 7-8 7z"/><path d="M797 228l8 7-8 7z"/><path d="M593 397l7 8 7-8z"/></g>
+  <rect x="150" y="590" width="900" height="56" rx="10" fill="#3f1d2e"/><text x="224" y="625" fill="#fecdd3" font-family="Arial, sans-serif" font-size="20" font-weight="700">Граница: нет DOM, CSS layout, сети, scheduler, PerformanceObserver, LCP или CLS</text></g>
+</svg>