أداة تطوير

مصغّر HTML وCSS وJS على الإنترنت

الصق الكود واحصل على نسخة مضغوطة للنشر السريع أو الفحص.

يُعالج الكود على جهازك فقط.

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

يزيل المصغّر التعليقات والمسافات الزائدة وفواصل الأسطر من HTML وCSS وJS. وهو مفيد للمقاطع والودجات والقوالب والتحسين اليدوي السريع.

طريقة الاستخدام

  1. اختر نوع الكود.
  2. الصق HTML أو CSS أو JS المصدر.
  3. انسخ أو حمّل النتيجة المصغّرة.

ما الذي تفعله المصغرات

التصغير يزيل المسافات والأسطر والتعليقات غير الضرورية من HTML أو CSS أو JavaScript. يفيد للودجات والقوالب القصيرة ومقاطع البريد والعروض والملفات الصغيرة المعدة يدويا.

سير عمل آمن

احتفظ دائما بالكود المقروء. الناتج المصغر أصعب في التصحيح ويجب اعتباره ملفا مولدا. اختبره في المتصفح أو بيئة staging، خاصة مع القوالب أو placeholders أو السكربتات الحساسة.

الحدود والخصوصية

هذا ليس إخفاء للكود ولا يحمي الأسرار؛ يمكن فحص كود العميل في المتصفح. التصغير يتم محليا ولا يرسل للخادم؛ للمشاريع الكبيرة استخدم أدوات بناء مثل Vite أو Webpack أو esbuild أو Terser.

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

بعد التصغير اختبر المقطع في سياقه الحقيقي: HTML داخل القالب، وCSS مع أسماء الصفوف نفسها، وJavaScript مع البيانات المتوقعة. المقاطع التي تحتوي صيغة إطار عمل قد تحتاج إلى pipeline خاص.

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