وړیا د SVG غوره کوونکی او کوچن کوونکی

دا څنګه کار کوي

دا وسیله SVG فایل اندازه یوه لاسي-لیکل شوي بهینه‌کوونکي سره کموي چې بشپړ ستاسو براوزر کې چلیږي — هیڅ کتابتون، هیڅ سرور. دا دوه پړاوونه یوځای کوي: براوزر جوړ شوی DOMParser/XMLSerializer خصوصیت-کچه دقت کار لپاره، او موخه شوي regex بدلونونه تبصره ایستلو، میتاډیټا لرې کولو، او خالي-ځای کمولو لپاره.

1. 1
   DOMParser SVG پاکوي

   له کوم بهینه‌سازۍ نه مخکې، براوزر DOMParser SVG د XML په توګه لولي او هر عنصر ګرځي. سکریپټ ټاګونه، پیښه اداره کوونکي (کوم on* خصوصیت)، انیمیشن عناصر، او بهرني URL حوالې غیر-شرطي لرې کیږي — دا چلیږي پرته د دې چې تاسو کوم بهینه‌سازۍ اپشنونه وټاکئ.
2. 2
   DOM-پر-بنسټ اعشاري ګردول

   که اعشاري ګردول فعال وي، بهینه‌کوونکی تحلیل شوی DOM دویمه ځل ګرځي او ګردول یوازې پیژندل شویو عددي خصوصیتونو (path d ډیټا، همغږۍ، transform ارزښتونه، stroke پلنوالي، او داسې نور) ته پلي کوي، یو regex کاروي چې انفرادي فلوټینګ-پوینٹ عددونه مطابقت کوي پرته د یوځای شویو path ارزښتونو لکه .5.5 خرابولو نه.
3. 3
   regex پړاوونه لړی شوی مارک‌اپ پاکوي

   XMLSerializer نارمل شوی XML تولیدوي، بیا موخه شوي متن بدلونونه HTML تبصرې، Inkscape/Sodipodi ایډیټر میتاډیټا، XML اعلان، اضافي اصلي خصوصیتونه (لکه version="1.1")، او ټاګونو ترمنځ خالي-ځای لرې کوي — هر پړاو نږدې ساحه شوی نو متن نوډ محتوا هیڅکله لمس نه کیږي.
4. 4
   Gzip اندازه او صادرول بڼې

   براوزر CompressionStream API دواړو ننوت او محصول واقعي gzip اندازې محاسبه کوي، ځکه دا واقعیا هغه دی چې ویب کې لیږد لګښت ټاکي. بهینه شوی SVG ډاونلوډیدلی، خام SVG په توګه کاپي کیدلی، React JSX-چمتو camelCase خصوصیتونو ته بدلیدلی، یا CSS ډیټا URI په توګه کوډیدلی شي — ټول بدلونونه محلي کیږي.

اړوندې وسیلې