مصغّر الكود

مرجع

ما هو تصغير الكود؟

تصغير الكود يزيل الأحرف غير الضرورية من الكود المصدري — المسافات والتعليقات وفواصل الأسطر والمحددات الاختيارية — دون تغيير سلوك الكود. النتيجة ملف أصغر يُحمَّل أسرع عبر الشبكة. التصغير خطوة قياسية في كل خط بناء واجهات أمامية حديث ويُوصى به من إرشادات أداء الويب من Google لـ HTML وCSS وJavaScript.

تصغير HTML

تصغير HTML يزيل تعليقات HTML (<!-- ... -->) ويطوي المسافات البيضاء بين الوسوم. المتصفحات تتجاهل المسافات الزائدة في HTML، لذا إزالتها ليس لها أي تأثير بصري لكنها تقلل حجم الملف. توفير تصغير HTML النموذجي يتراوح بين 10–25% حسب أسلوب التنسيق وكثافة التعليقات. كتل <style> و<script> المضمنة تستفيد أيضاً من تصغير خاص بلغتها.

تصغير CSS

تصغير CSS يزيل التعليقات (/* ... */) ويطوي المسافات ويزيل المسافات حول { و} و: و; و,. كما يزيل آخر فاصلة منقوطة قبل } التي يسمح بإسقاطها محلل CSS. ملفات CSS ذات التعليقات الكثيفة تحقق عادةً تقليص 20–40%. للإنتاج، أدوات مثل cssnano وLightning CSS تذهب أبعد بدمج القواعد المتكررة واختصار الألوان (#ffffff → #fff) وإزالة البادئات الزائدة.

تصغير JavaScript

هذه الأداة تنفذ تصغير JavaScript متحفظاً: تزيل تعليقات السطر الواحد (// ...) والتعليقات متعددة الأسطر (/* ... */) وتطوي المسافات. هذا آمن وسريع، لكنه ليس محسّناً كاملاً — لا يعيد تسمية المتغيرات ولا يحذف الصادرات غير المستخدمة ولا يزيل الكود الميت. لبناء الإنتاج، استخدم أدوات متخصصة: Terser (المعيار لـ Webpack/Vite) أو esbuild (سريع للغاية، مبني بـ Go) أو SWC (مبني بـ Rust، يُستخدم في Next.js). هذه الأدوات تحقق تقليص 40–70% بالجمع بين التصغير وتشويش المتغيرات.

الخصوصية

كل المعالجة تعمل 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.