ToolsMaxxing

ضغط HTML وCSS وJS

صغّر حجم HTML وCSS وJavaScript بإزالة المسافات والتعليقات والبايتات الزائدة.

ملفاتك تبقى على جهازك

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

  1. 1اختر JavaScript أو CSS أو HTML.
  2. 2الصق الكود، أو اختر جرّب مثالًا.
  3. 3اضبط خيارات تلك اللغة.
  4. 4انسخ الكود المضغوط أو نزّله، وتحقق من سطر الحجم تحت الصناديق.

ماذا تفعل الخيارات

JavaScript
يستخدم Terser لإزالة التعليقات والمسافات وتبسيط التعبيرات وحذف الكود الذي لا يمكن الوصول إليه.
تقصير أسماء المتغيرات
يعيد تسمية المتغيرات المحلية بحرف واحد. أوقفه إذا كان كودك يقرأ الأسماء أثناء التشغيل، مثلًا عبر eval.
CSS
يستخدم csso لدمج القواعد وتقصير الألوان والقيم وإزالة التعليقات.
HTML
يطوي المسافات ويزيل التعليقات والسمات الزائدة.
ضغط CSS وJS المضمنين
يصغّر أيضًا الكود داخل وسوم style وscript في HTML.

الخصوصية

كل شيء يعمل في متصفحك. ما تلصقه لا يُرسل إلى أي خادم. الكود غير المنشور يبقى على جهازك.

أسئلة شائعة

هل الكود المضغوط آمن للاستخدام؟

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

لماذا يبلّغ عن خطأ في الصياغة؟

يُحلَّل JavaScript قبل تصغيره، لذا فأخطاء مثل قوس ناقص توقف الأداة وتعرض السطر. CSS وHTML أكثر تسامحًا وغالبًا يُضغطان كما كُتبا.

كم سيصغر ملفي؟

يعتمد ذلك على كمية المسافات والتعليقات. الملفات المكتوبة يدويًا تصغر غالبًا بين 20 و60 بالمئة. وتفعيل gzip أو Brotli على خادمك يوفر المزيد فوق ذلك.

هل يدعم JavaScript الحديث؟

نعم. الصياغة الحالية مثل الدوال السهمية والفئات والدوال غير المتزامنة وoptional chaining مدعومة. ولا يحوّل الكود إلى صياغة أقدم.

هل يمكنني الحصول على source map؟

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

أدوات ذات صلة