[{"data":1,"prerenderedAt":51},["ShallowReactive",2],{"\u002Fapi\u002Fpage\u002Fskills\u002Fsumi\u002Fperformance":3,"PageBody_uwSmiJfzwxAAOs4caxZBB5hNVSJC7YFPkYwNlEI2k":43},{"title":4,"description":5,"plugin":6,"kind":7,"references":8,"source":9,"heading":10,"toc":11,"locale":42},"performance","Web performance with Core Web Vitals as acceptance criteria — budgets, LCP, INP and CLS playbooks, images, fonts, JavaScript and third-party cost, caching and delivery, rendering strategy, and how to measure (lab and field) with evidence. Use when building pages or components, adding dependencies, scripts, images or fonts, choosing rendering strategy, or when something is slow. Framework-agnostic baseline: when a stack pack skill (nuxt-data-ssr, react-performance, shopify-performance-a11y, wp-performance-audit) applies, use it for stack specifics.","sumi","skill",0,"plugins\u002Fsumi\u002Fskills\u002Fperformance\u002FSKILL.md","Performance — Core Web Vitals as Requirements",[12,15,18,21,24,27,30,33,36,39],{"id":13,"text":14},"lcp-make-the-hero-arrive-fast","LCP — make the hero arrive fast",{"id":16,"text":17},"inp-keep-interactions-instant","INP — keep interactions instant",{"id":19,"text":20},"cls-nothing-jumps","CLS — nothing jumps",{"id":22,"text":23},"fonts","Fonts",{"id":25,"text":26},"images-and-media","Images and media",{"id":28,"text":29},"delivery-and-caching","Delivery and caching",{"id":31,"text":32},"dependencies","Dependencies",{"id":34,"text":35},"measuring-evidence-required","Measuring (evidence required)",{"id":37,"text":38},"slop-tells","Slop tells",{"id":40,"text":41},"done-checklist","Done checklist","en",["Island",44],{"key":45,"result":46},"PageBody_uwSmiJfzwxAAOs4caxZBB5hNVSJC7YFPkYwNlEI2k",{"head":47},{"style":48},[49],{"innerHTML":50},".prose[data-v-1545ba8e]{max-width:var(--measure-prose)}.prose[data-v-1545ba8e] h2{margin-block:var(--space-8) var(--space-4)}.prose[data-v-1545ba8e] h3{margin-block:var(--space-6) var(--space-3)}.prose[data-v-1545ba8e] h4{margin-block:var(--space-5) var(--space-3);font-family:var(--font-mono);font-variation-settings:\"wdth\" var(--mono-width-label);font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--text-label-ls);color:var(--color-text-muted)}.prose[data-v-1545ba8e] ol,.prose[data-v-1545ba8e] p,.prose[data-v-1545ba8e] ul{margin-block-end:var(--space-4)}.prose[data-v-1545ba8e] li{margin-block-end:var(--space-2)}.prose[data-v-1545ba8e] ol,.prose[data-v-1545ba8e] ul{padding-inline-start:var(--space-5)}.prose[data-v-1545ba8e] li:has(.task-box){list-style:none}.prose[data-v-1545ba8e] .task-box{width:.8em;height:.8em;border:var(--border-width) solid var(--color-border);vertical-align:baseline;margin-inline-end:var(--space-2);display:inline-block}.prose[data-v-1545ba8e] code{padding:1px var(--space-1);background:var(--color-surface-sunk);border:var(--border-width) solid var(--color-border)}.prose[data-v-1545ba8e] pre{padding:var(--space-4);background:var(--color-surface-sunk);border:var(--border-width) solid var(--color-border);margin-block-end:var(--space-5);overflow-x:auto}.prose[data-v-1545ba8e] pre code{background:0 0;border:0;padding:0}.prose[data-v-1545ba8e] .table-scroll{max-width:none;margin-block-end:var(--space-5);overflow-x:auto}.prose[data-v-1545ba8e] table{border-collapse:collapse;width:100%;min-width:32rem;font-size:var(--text-small);line-height:var(--text-small-lh)}.prose[data-v-1545ba8e] td,.prose[data-v-1545ba8e] th{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:top;border-block-start:var(--divider-width) solid var(--color-divider)}.prose[data-v-1545ba8e] th{font-family:var(--font-mono);font-variation-settings:\"wdth\" var(--mono-width-label);font-size:var(--text-label);letter-spacing:var(--text-label-ls);text-transform:uppercase;color:var(--color-text-muted);border-block-end:var(--border-width) solid var(--color-border)}.prose[data-v-1545ba8e] blockquote{margin:0 0 var(--space-5);border-inline-start:var(--seam-width) solid var(--color-seam);color:var(--color-text-muted);padding-inline-start:var(--space-4)}.prose[data-v-1545ba8e] hr{margin-block:var(--space-7);border:0;border-block-start:var(--divider-width) solid var(--color-divider)}.prose[data-v-1545ba8e] pre,.prose[data-v-1545ba8e] table{max-width:none}",1791464218885]