Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Apply 62 React and Next.js performance optimization rules from Vercel Engineering
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
rules/rendering-svg-precision.md
1---2title: Optimize SVG Precision3impact: LOW4impactDescription: reduces file size5tags: rendering, svg, optimization, svgo6---7## Optimize SVG Precision9Reduce SVG coordinate precision to decrease file size. The optimal precision depends on the viewBox size, but in general reducing precision should be considered.11**Incorrect (excessive precision):**13```svg15<path d="M 10.293847 20.847362 L 30.938472 40.192837" />16```17**Correct (1 decimal place):**19```svg21<path d="M 10.3 20.8 L 30.9 40.2" />22```23**Automate with SVGO:**25```bash27npx svgo --precision=1 --multipass icon.svg28```29