كيفية تصغير JavaScript مجانًا عبر الإنترنت (دليل 2026)

JavaScript الذي تكتبه للبشر — المزاح والمعلّق عليه والموزع على سطور مقروءة — أكبر مما تحتاجه المتصفحات. التصغير يزيل الأجزاء التي يهتم بها البشر فقط (التعليقات والمسافات البيضاء الزائدة وفواصل الأسطر) حتى يُنزَّل الملف أسرع. يوضح لك هذا الدليل كيفية تصغير JavaScript مجانًا عبر الإنترنت، خطوة بخطوة، مع شرح صريح لما يفعله المصغر الأساسي وأين تتولى أدوات البناء الاحترافية الأمر.

ماذا يفعل مصغر JS الأساسي؟

أداتنا تؤدي تحويلات مباشرة وآمنة:

• يزيل التعليقات — تعليقات /* block */ وتعليقات // line تُزال.
• يطوي المسافات البيضاء — المسافات البادئة والسطور الفارغة وفواصل الأسطر تصبح مسافات مفردة أو تختفي.
• يشد علامات الترقيم — المسافات حول الأقواس والمعاملات والفواصل تُزال حيثما كان آمنًا.

وما يتعمد عدم فعله: إعادة تسمية المتغيرات أو إعادة هيكلة الكود أو إزالة الكود "الميت". تلك التحسينات القوية تنتمي إلى أدوات بناء كاملة مثل Terser أو esbuild. وظيفة المصغر الأساسي بسيطة ويمكن التنبؤ بها — ملف أصغر وسلوك مطابق.

خطوة بخطوة: صغّر JavaScript بأداتنا المجانية

مصغر JS لدينا يعمل بالكامل في متصفحك — ألصق كودًا خاصًا بحرية، لأن لا شيء يُرفع. إليك الطريقة:

1. افتح مصغر JS. سترى مربع إدخال ("الصق JavaScript...") ومنطقة إخراج.
2. ألصق JavaScript الخاص بك في مربع الإدخال.
3. انقر على "تصغير JS (أساسي)". تُزال التعليقات والمسافات البيضاء وتظهر النتيجة المدمجة.
4. انسخ الناتج واستخدمه حيثما كان الملف الأصغر مطلوبًا.

مثال قبل وبعد

تلصق هذا:

// Greet the user
function greet(name) {
  const message = "Hello, " + name + "!";
  console.log(message); // show it
}

بعد النقر على "تصغير JS (أساسي)":

function greet(name){const message="Hello, "+name+"!";console.log(message);}

الدالة تتصرف بالطريقة نفسها — فالتعليقات والمسافات البادئة وفواصل الأسطر اختفت ببساطة.

حالات استخدام حقيقية للمصغر الأساسي

• سكربتات وأجزاء صغيرة: سكربت أدوات من 50 سطرًا يصبح أصغر بشكل ملحوظ دون أي إعداد.
• الوصلات المرجعية: يجب أن تكون كودًا مدمجًا في سطر واحد — فالتصغير مطلوب عمليًا.
• مشاركة سريعة: ألصق كودًا مصغرًا في رسالة دردشة أو منشور منتدى أو بريد إلكتروني دون أن ينهار التنسيق في فوضى.
• تعلم كيفية عمل التصغير: مقارنة مخرجات قبل/بعد هي أوضح طريقة لفهم ما يغيّره التصغير فعلًا (وما يتركه كما هو).
• إصلاحات إنتاج لمرة واحدة: تحتاج إلى إصلاح سريع لملف صغير واحد على موقع ثابت؟ صغّره في ثوانٍ دون تثبيت خط بناء.

متى تستخدم أداة بناء حقيقية بدلًا من ذلك؟

الصراحة مهمة هنا، والأداة نفسها تخبرك: إنه مصغر أساسي، و"للإنتاج استخدم Terser أو esbuild." استخدم أداة بناء مناسبة عندما:

• مشروعك له ملفات ووحدات وتبعيات كثيرة — فالمجمّعات تتعامل مع كل ذلك.
• تريد إعادة تسمية المتغيرات وإزالة الكود الميت لأقصى تقليل للحجم.
• تحتاج إلى خرائط مصدر، حتى يمكن تتبع أخطاء الإنتاج إلى كودك الأصلي.
• التصغير جزء من نشر آلي — فأدوات البناء تعمل عند كل إيداع.

لكل شيء آخر — سكربتات سريعة وعروض وتجارب — الأداة عبر الإنترنت أسرع وأبسط.

قواعد أمان: صغّر دون كسر الأشياء

• احتفظ بالأصل. JavaScript المصغّرة للكتابة فعليًا. احتفظ دائمًا بملف مصدرك المقروء وأعد التصغير بعد التغييرات — لا تحرر الناتج المصغر أبدًا.
• اختبر بعد التصغير. افتح الصفحة (أو شغّل السكربت) وأكّد أن السلوك لم يتغير. مصغر المسافات البيضاء/التعليقات الأساسي آمن جدًا، لكن اختبار 30 ثانية لا يكلف شيئًا.
• احذر الكود المعتمد على التعليقات. أنماط نادرة مثل التعليقات الشرطية أو ترويسات التراخيص المضمنة في التعليقات تختفي — احتفظ بإشعارات الترخيص في ملف منفصل إذا لزم الأمر.
• لا تصغّر لـ "إخفاء" الكود. التصغير ليس تشفيرًا ولا تعمية. أي شخص يستطيع إعادة تنسيق الناتج بمجمّل (مثل وضع التجميل في مصغر CSS لدينا لأوراق الأنماط، أو أي منسق JS). لا تضع أبدًا أسرارًا أو مفاتيح API في JavaScript من جانب العميل، مصغرًا كان أم لا.

التصغير + gzip: الصورة الكاملة

التصغير نصف القصة؛ وضغط HTTP (gzip أو Brotli) هو النصف الآخر. الكود المتكرر ينضغط بشكل ممتاز للغاية، لذا فإن الملف المصغر ينضغط أصغر. معًا يمكنهما تقليل حجم نقل السكربت بشكل كبير. إذا كنت تتحكم في الخادم، فعّل الضغط — فهو أكبر مكسب منفرد، والتصغير يتراكم فوقه.

الأسئلة الشائعة

هل مصغر JS مجاني فعلًا؟

نعم — مجاني وغير محدود ودون تسجيل. كل المعالجة تحدث في متصفحك، لذا فإن كودك لا يُرسل إلى أي مكان أبدًا.

هل سيغيّر التصغير كيفية عمل كودي؟

لا. إزالة التعليقات والمسافات البيضاء لا تغيّر المعنى — فالمتصفح ينفذ الكود المصغر والأصلي بالطريقة نفسها. التحذير الوحيد: حالات إدراج الفاصلة المنقوطة التلقائية الحدية هي سبب وجوب الاختبار دائمًا بعد ذلك.

ما الفرق بين التصغير والتعمية؟

التصغير يقلّص الكود مع إبقائه قابلًا للقراءة وظيفيًا؛ أما التعمية فتجعل الكود عمدًا صعب الفهم (متغيرات معاد تسميتها وسلاسل مشفرة). أداتنا تفعل الأول فقط.

هل يمكنني تجميل JS المصغر مجددًا؟

يمكن استعادة المسافات البيضاء والتعليقات بمنسق، لكن التعليقات المزالة ذهبت للأبد — سبب آخر للاحتفاظ بملف مصدرك الأصلي.

جرّبه الآن: مصغر JS المجاني · مصغر CSS · مرمز HTML