الأدوات
أدوات PDF 34
أدوات الصور 5
الكتابة بالذكاء الاصطناعي 13
أدوات النصوص 13
السيو والمواقع 22
يوتيوب والفيديو 13
حاسبات ومحولات 17
أدوات المطورين 13
أدوات أخرى 2
الماسح الضوئي المدونة
اللغة

ضغط كود JavaScript

احذف المسافات والتعليقات من كود JavaScript لتقليل حجمه.

أدوات ذات صلة

كل أدوات المجموعة
رسم يوضح كود JavaScript مرتبًا يتحول إلى كود مضغوط

كود JavaScript أخف، والسلوك نفسه

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

طريقة الاستعمال

  1. الصق الكود في خانة «الشيفرة المصدرية»، حتى 2 ميغابايت.
  2. اضغط «ابدأ الآن».
  3. انسخ الكود المضغوط بزر «نسخ النتيجة» واحفظه في ملف منفصل، مثل app.min.js.

ماذا يتغير في الكود

  • التعليقات بنوعيها تُحذف، إلا تعليقات الترخيص التي تبدأ بـ /*!، فهي تبقى كما هي.
  • المسافات والإزاحات تُحذف، مع إبقاء المسافة الضرورية بين كلمتين، كما في return total.
  • النصوص والقوالب النصية والتعابير النمطية تبقى حرفًا بحرف. فإن كان داخل نص رابط يحتوي على // فلن تظنه الأداة تعليقًا.

في تجربتنا، دالة قصيرة فيها تعليقان وإزاحات عادية نزلت من 182 بايت إلى 107 بايت، أي أصغر بنحو 40 في المئة.

لماذا تبقى بعض فواصل الأسطر؟

قد تلاحظ أن النتيجة ليست سطرًا واحدًا دائمًا، وهذا مقصود. JavaScript يسمح بكتابة الكود دون فاصلة منقوطة في آخر كل سطر، ويعتمد حينها على فاصل السطر ليعرف أين تنتهي التعليمة. لو حُذف ذلك الفاصل لالتصقت تعليمتان، فيتغير المعنى أو يظهر خطأ. لذلك لا تحذف الأداة فاصل السطر إلا حيث تتأكد أنه لا يغير شيئًا، مثلًا بعد فاصلة منقوطة أو قوس مفتوح، وتُبقيه في غير ذلك.

ما لا تفعله الأداة

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

قبل أن تنشر

  • احتفظ بالنسخة الأصلية للتعديل، ولا تعدّل النسخة المضغوطة يدويًا.
  • جرّب الصفحة بعد استبدال الملف، وافتح أدوات المطور في المتصفح لتتأكد أنه لا توجد أخطاء جديدة في الـConsole.

ولملفات التنسيق استعمل ضغط كود CSS، ولصفحات الويب ضغط كود HTML. الكود يُرسل إلى خادم جود ويُضغط هناك، ولا يُحفظ.

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

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