تصغير كود CSS / JS

قلّل حجم كود CSS أو JavaScript مباشرةً في متصفحك دون إرسال إلى خادم: إزالة التعليقات والمسافات الزائدة.

مثال:

تنبيه: هذه أداة تصغير أساسية (إزالة التعليقات وضغط المسافات) وليست أداة إنتاج كاملة مثل Terser أو csso. لا تعيد تسمية المتغيرات ولا تقوم بأي تحسين دلالي متقدم.

كيف يعمل

مصمم لتقليل وزن ملف CSS أو JavaScript قبل نشر موقع صغير أو صفحة شخصية: الصق الكود المصدري، اختر اللغة، انقر على «تصغير» واحصل على نسخة مخففة (المسافات والتعليقات الزائدة أُزيلت) بالإضافة إلى نسبة التخفيض التي تم تحقيقها. كما هو موضح أعلاه في هذه الصفحة، هذه أداة تصغير أساسية مناسبة لاحتياج مؤقت أو تعليمي، وليست بديلاً عن أدوات الإنتاج مثل Terser أو csso لمشروع كبير.

لماذا أصبح الكود المُصغّر لا يعمل؟

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

ما الفرق بين التصغير وضغط gzip؟

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

يتم تنفيذ التصغير محليًا 100% في متصفحك عبر WebAssembly: لا يتم إرسال الكود المصدري الخاص بك أبدًا إلى خادم.