What is Minification?

عملية إزالة جميع الأحرف غير الضرورية من الكود المصدري (المسافات البيضاء والتعليقات وأسماء المتغيرات الطويلة) دون تغيير وظيفته، مما يقلل حجم الملف لنقل أسرع عبر الشبكة.

التصغير — شرح تقليل حجم الكود

التفاصيل التقنية

تقوم أدوات تصغير JavaScript (Terser وesbuild وSWC) بالتحليل اللفظي وتحليل AST وإزالة الكود الميت (هز الشجرة) وتشويه أسماء المتغيرات (إعادة التسمية إلى حرف واحد) وطي الثوابت ودمج العبارات. تدمج أدوات تصغير CSS (cssnano وLightning CSS) القواعد المكررة وتختصر قيم الألوان (#ffffff إلى #fff) وتزيل الخصائص الزائدة. تطوي أدوات تصغير HTML المسافات البيضاء وتزيل علامات الإغلاق الاختيارية. تتيح خرائط المصدر (ملفات .map) التصحيح عن طريق ربط مواضع الكود المصغر بمواقع المصدر الأصلية.

مثال

```javascript
// Simple CSS minifier
function minifyCSS(css) {
  return css
    .replace(/\/\*[\s\S]*?\*\//g, '')  // remove comments
    .replace(/\s+/g, ' ')                // collapse whitespace
    .replace(/\s*([{};:,])\s*/g, '$1')   // remove around symbols
    .trim();
}
// 1024 bytes → 612 bytes (40% reduction)
```

Categories

Minification

التفاصيل التقنية

مثال

أدوات ذات صلة

مصطلحات ذات صلة