هل يُفسد التصغير شيفرة JavaScript أو CSS داخل الصفحة؟

يحافظ التصغير على المسافات ذات المعنى داخل النصوص ونصوص القوالب والتعابير النمطية، وكذلك مُصغّرات JS و CSS الداخلية. إن كانت الشيفرة تعتمد على ASI أو أنماط غير معتادة فاترك خيار «تصغير JS الداخلي» مغلقًا واكتفِ بطيّ المسافات.

ماذا يُزيل خيار «إزالة الوسوم الاختيارية» تحديدًا؟

الوسوم التي يسمح المعيار بإسقاطها لأن المحلّل يستنتجها: قبل آخر، قبل عنصر كتلي، ، ، بل حتى وسما البداية و . المتصفحات تُفسّر النتيجة بالطريقة نفسها، لكن بعض الأدوات القديمة قد تتذمّر.

Gzip يضغط بالفعل، أليس التصغير زائدًا؟

Gzip يساعد كثيرًا، لكن التصغير قبله يمنح عادةً 5% إلى 10% إضافية لأن Gzip لا يُعيد ترتيب المحتوى ولا يحذف الرموز الزائدة. الحجم النهائي الذي يصل المتصفح هو ما يؤثر فعلًا في TTFB.

هل يبقى HTML المُصغَّر صالحًا وفق معايير W3C؟

بالخيارات الافتراضية، نعم. خيار «إزالة الوسوم الاختيارية» يُنتج HTML يظل HTML5 صحيحًا، فالمعيار يُجيز هذا الحذف صراحة. إن احتجت إلى صرامة XHTML، فأبقِ الخيار مغلقًا.

هل يمكن التراجع عن التصغير واستعادة التنسيق الأصلي؟

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

مضغّط HTML

ضغط كود HTML لتقليل حجم الملف

HTML الأصلي

685 أحرف · 36 أسطر

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
  <style>
    body {
      margin: 0;
      padding: 16px;
      font-family: sans-serif;
    }
    .container {
      max-width: 960px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <!-- Main content area -->
  <div class="container">
    <h1>Hello, World!</h1>
    <p>
      This is a sample HTML page with
      extra whitespace, comments, and
      inline styles to demonstrate minification.
    </p>
  </div>

  <script>
    // Initialize the page
    document.addEventListener('DOMContentLoaded', function() {
      console.log('Page loaded');
    });
  </script>
</body>
</html>

ألصق رابطًا مباشرًا إلى صفحة HTML. يتطلب خوادم تدعم CORS.

الإعدادات

تصغير تلقائي

إعدادات جاهزة

طي المسافات البيضاءإزالة التعليقاتإزالة العلامات الاختياريةضغط CSS المضمّنضغط JS المضمّندمج السمات المنطقيةإزالة سمات type الزائدة

ما هو مضغّط HTML؟

مضغّط HTML يزيل المسافات البيضاء غير الضرورية والتعليقات والعلامات الاختيارية والخصائص الزائدة من كود HTML. يُقلّل ذلك حجم الملف ويُحسّن وقت تحميل الصفحة، مما يؤثر مباشرة على درجات Core Web Vitals والترتيب في نتائج البحث.

يطوي المُصغّر سلاسل المسافات، ويحذف التعليقات في HTML، ويُزيل اختياريًا وسوم الإغلاق غير الإلزامية مثل </li> و </body>، ويمرّر كتل <style> و <script> داخل الصفحة عبر مُصغّرات CSS و JS. الناتج مطابق وظيفيًا للمدخل لكنه أصغر بنحو 20% إلى 40%، ما يخفّض زمن LCP على الشبكات المحمولة.

كيفية الاستخدام

الخطوة 1 — الصق كود HTML المصدري في منطقة الإدخال.
الخطوة 2 — اضبط الخيارات: طيّ المسافات البيضاء، وإزالة التعليقات، وإزالة العلامات الاختيارية، وضغط CSS/JS المضمَّن.
الخطوة 3 — انسخ HTML المضغوط أو حمّله كملف. تحقق من نسبة تقليص الحجم.

متى تستخدم

صفحات يُرنْدَرَها الخادم ولا يمكن تشغيل مُصغّر في مرحلة البناء، مع الرغبة في تقليل حجم ردّ HTML.
قوالب HTML للبريد الإلكتروني، حيث يقصّ العملاء الرسائل التي تتجاوز 102 كيلوبايت فيصبح كل كيلوبايت محسوبًا.
تضمين مقاطع HTML في تطبيقات الجوال أو ملفات PDF حيث حجم الحزمة يُترجَم مباشرة إلى زمن تحميل.

النتيجة

HTML صفحتك الرئيسية البالغ حجمها 48 كيلوبايت ينخفض إلى 31 كيلوبايت بعد الضغط — تقليص بنسبة 35% يوفر 50 ميلي ثانية من وقت التحميل على اتصالات الجيل الثالث.

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

هل يُفسد التصغير شيفرة JavaScript أو CSS داخل الصفحة؟: يحافظ التصغير على المسافات ذات المعنى داخل النصوص ونصوص القوالب والتعابير النمطية، وكذلك مُصغّرات JS و CSS الداخلية. إن كانت الشيفرة تعتمد على ASI أو أنماط غير معتادة فاترك خيار «تصغير JS الداخلي» مغلقًا واكتفِ بطيّ المسافات.
ماذا يُزيل خيار «إزالة الوسوم الاختيارية» تحديدًا؟: الوسوم التي يسمح المعيار بإسقاطها لأن المحلّل يستنتجها: </li> قبل <li> آخر، </p> قبل عنصر كتلي، </tr>، </td>، بل حتى وسما البداية <html> و <body>. المتصفحات تُفسّر النتيجة بالطريقة نفسها، لكن بعض الأدوات القديمة قد تتذمّر.
Gzip يضغط بالفعل، أليس التصغير زائدًا؟: Gzip يساعد كثيرًا، لكن التصغير قبله يمنح عادةً 5% إلى 10% إضافية لأن Gzip لا يُعيد ترتيب المحتوى ولا يحذف الرموز الزائدة. الحجم النهائي الذي يصل المتصفح هو ما يؤثر فعلًا في TTFB.
هل يبقى HTML المُصغَّر صالحًا وفق معايير W3C؟: بالخيارات الافتراضية، نعم. خيار «إزالة الوسوم الاختيارية» يُنتج HTML يظل HTML5 صحيحًا، فالمعيار يُجيز هذا الحذف صراحة. إن احتجت إلى صرامة XHTML، فأبقِ الخيار مغلقًا.
هل يمكن التراجع عن التصغير واستعادة التنسيق الأصلي؟: ليس استعادة كاملة. تختفي المسافات والتعليقات والوسوم الاختيارية إلى الأبد بمجرد إزالتها. يعيد زر التنسيق المدمج ضبط المسافات البادئة ليصبح الكود مقروءاً من جديد، لكنه لا يستعيد التخطيط الأصلي ولا التعليقات التي حذفتها. احتفظ بالملف المصدر منفصلاً.

مضغّط HTML

HTML الأصلي

الإعدادات

ما هو مضغّط HTML؟

كيفية الاستخدام

متى تستخدم

النتيجة

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

أدوات ذات صلة

مولّد البيانات المهيكلة

تحويل صفحة ويب إلى PDF

مولّد سياسة الخصوصية

مُنشئ شروط الخدمة

مولّد موافقة ملفات تعريف الارتباط

ضاغط CSS

مضغّط HTML

HTML الأصلي

الإعدادات