Toolyard

مصغّر HTML وCSS وJS

كيف تصغّر الشيفرة

  1. الصق HTML أو CSS أو JavaScript. تُكتشف اللغة، أو يمكنك اختيارها بنفسك.
  2. تظهر النسخة المصغّرة أدناه مع الحجم قبل وبعد والنسبة الموفّرة.
  3. انسخها أو نزّلها كملف ‎.min.

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

ما الذي يُحذف بالضبط؟

التعليقات والمسافات غير الضرورية. في CSS تختفي المسافات بجانب الأقواس المعقوفة والفواصل المنقوطة والفواصل والنقطتين، إضافة إلى آخر فاصلة منقوطة في كل كتلة. وفي HTML تُختصر سلاسل المسافات إلى واحدة وتُحذف التعليقات. وفي JavaScript تُحذف التعليقات والإزاحة البادئة.

لماذا يحتفظ JavaScript بفواصل الأسطر؟

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

هل يعيد تسمية المتغيرات مثل أدوات البناء؟

لا. تقصير الأسماء وإعادة كتابة التعابير يحتاجان إلى محلل حقيقي، وهذه مهمة مُجمِّع مثل esbuild أو terser أو SWC. هذه الأداة لتقليص ملف يدويًا، حيث يكون التوفير عادةً من 10% إلى 30%.

هل هو آمن مع السلاسل النصية والتعابير النمطية؟

نعم. يتتبع الماسح علامات الاقتباس والقوالب والتعابير النمطية، فعلامة تعليق داخل سلسلة، أو شرطة مائلة داخل تعبير نمطي، تُترك كما هي.

لماذا تُحفظ المسافة بين وسوم HTML؟

المسافة بين عنصرين سطريين تظهر في الصفحة، فحذفها يلصق الكلمات. فعّل المربع الثاني إن كان ترميزك كله عناصر كتلية وتريد إزالتها.

ألا يفعل gzip هذا أصلًا؟

إلى حد كبير، نعم. الخادم الذي يضغط بـ gzip أو Brotli يزيل المسافات المكررة أصلًا، لذا يوفر التصغير المسبق أقل بكثير مما يوحي به عدد البايتات. ومع ذلك يفيد للشيفرة المضمّنة وقوالب البريد والملفات المقدمة دون ضغط.

هل تُرفع شيفرتي؟

لا. يُعالَج النص في متصفحك ولا يُرسل إلى أي مكان.

ضمّن هذه الأداة في موقعك

مزيد من أدوات المطورين