{# canonical_base is the OWNING tenant's origin: all 16 Peasy domains serve the same catalogue, so a page rendered by a non-owner points its canonical at the owner instead of competing with it. Falls back to this site for static/self-owned pages. #}
🍋
Menu
Web

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)
```

أدوات ذات صلة

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