مصغّر HTML

تصغير HTML يزيل كل حرف لا يحتاجه المتصفح لعرض الصفحة — التعليقات وفواصل الأسطر والمسافات البادئة والمسافات بين الوسوم — دون تغيير مظهر الصفحة أو طريقة عملها. مثلاً، '<ul>\n <li>واحد</li>\n <li>اثنان</li>\n</ul>' (نحو 50 بايت) يُصغَّر إلى '<ul><li>واحد</li><li>اثنان</li></ul>' (أقل بكثير). القائمة المعروضة متطابقة للزائر. التوفير يبدو صغيراً لكل مقطع، لكن صفحات HTML الحقيقية المليئة بالمسافات البادئة وكود أنظمة إدارة المحتوى تنكمش بشكل معتاد 15–25% في البايتات الخام — أكثر حين تُدمج مع ضغط gzip على الخادم.

HTML أصغر يعني بايتات أقل للتنزيل وأقل على المتصفح لتحليله، فتتحمل الصفحة أسرع — ما يحسّن First Contentful Paint (FCP) ونقاط Core Web Vitals، خاصة على الجوال. يُعلّم PageSpeed Insights من Google HTML غير المصغَّر كمشكلة أداء قياسية ويدرجه في توصياته. الفائدة الأكبر للصفحات المكتوبة يدوياً أو المولّدة من نظام إدارة المحتوى والمليئة بالمسافات البادئة وتعليقات المطورين. كل كيلوبايت تحذفه هو كيلوبايت لن يضطر الزائر لجلبه أبداً، وهذا أهم ما يكون على اتصالات الجوال البطيئة حيث تكون عرض النطاق الترددي محدوداً.

تُحذف التعليقات (<!-- … -->)، وسلاسل المسافات، والمسافات البادئة وفواصل الأسطر بين الوسوم، والفجوات بين العناصر الكتلية. يطوي المصغّر أيضاً الخصائص البوليانية (فـ'disabled="disabled"' تصبح مجرد 'disabled') ويمكنه اختيارياً حذف وسوم الإغلاق المكررة مثل </li> و</td>. التعليقات الشرطية (<!--[if IE]>) محفوظة دائماً لأنها لا تزال مهمة لاستهداف IE القديم. محتويات <pre> و<textarea> و<script> و<style> لا تُمس أبداً — المسافات داخل هذه العناصر ذات معنى وتغييرها سيعطّل الصفحة.

نعم، حين لا يمر HTML عبر خطوة بناء مسبقاً. الصفحات التي تكتبها يدوياً أو تصدّرها من نظام إدارة محتوى أو تجمّعها في قالب ووردبريس، إضافة إلى رسائل HTML البريدية وكتل <style>/<script> المضمّنة، كلها تُشحن مع مسافات بادئة وتعليقات تحذفها عملية التصغير مجاناً. إن كان مجمّع مثل Vite أو webpack يصغّر ناتجك بالفعل، تلك الملفات لا تحتاج تمريرة ثانية — لكن معظم HTML في العالم الحقيقي لا يمر عبر مجمّع. منشئو المواقع الثابتة مثل Jekyll وHugo يتضمنون مصغّرات HTML كإضافات اختيارية، وإضافات ووردبريس مثل WP Rocket وLiteSpeed Cache وAutoptimize تفعلها تلقائياً لكل عرض صفحة.

كنص خام، يوفّر التصغير عادةً 10–25%. صفحة مكتوبة يدوياً بحجم 30 كيلوبايت كثيراً ما تنزل إلى نحو 24 كيلوبايت، ومقطع صغير مثل '<ul>\n <li>واحد</li>\n <li>اثنان</li>\n</ul>' يتقلص بنحو 23%. حين يضغط خادمك النتيجة بـgzip، يكون التخفيض المجمّع عادةً 70–85%. تعرض هذه الأداة الحجم المصغَّر وتقدير gzip جنباً إلى جنب حتى ترى كلا الرقمين مرة واحدة. يُحسَب تقدير gzip محلياً في متصفحك — لا على خادم — فتحصل على التوفير المجمّع الحقيقي دون رفع أي شيء.

لا حين يتم بأمان، وهكذا تعمل هذه الأداة. لا تمس محتويات <pre> و<textarea> و<script> و<style> حيث المسافات ذات معنى، وتحفظ المسافات المفردة بين العناصر المضمّنة مثل الروابط و<span>s — فـ'a <a href="/x">رابط</a> هنا' لا تصبح أبداً 'ارابطهنا' ملتصقة. بعض مصغّرات الإنترنت السريعة تطوي تلك المسافة وتغيّر العرض أو التخطيط بشكل خفي. HTMLMinifier لـkangax (أشهر مكتبة تصغير HTML لـNode.js) تستخدم نهجاً آمناً مشابهاً بالافتراضي للسبب ذاته. إن لاحظت أي فرق في العرض بعد التصغير، استخدم وضع التجميل لاستعادة البنية الأصلية.

انتقل إلى وضع التجميل بالمفتاح في الأعلى والصق HTML المصغَّر. تعيد الأداة المسافات البادئة إلى الكود وتضع الوسوم في أسطرها الخاصة، محوّلةً '<ul><li>واحد</li><li>اثنان</li></ul>' إلى كود منسَّق وقابل للقراءة. اختر مسافة بادئة مؤلفة من مسافتين أو 4 مسافات أو جدولة لتتناسب مع أسلوب مشروعك. هذا عكس التصغير — مفيد للتفتيش عن صفحة مضغوطة وجدتها في الإنتاج، أو قراءة قالب نظام إدارة محتوى تعرض لضغط أداة بناء، أو تصحيح تخطيط عبر رؤية بنية الوسوم الكاملة بوضوح.

التصغير يُقلّص النص المصدر نفسه — فتشحن ملف .html أصغر حجماً فعلياً. Gzip وBrotli يضغطان البايتات أثناء النقل ويفكّ المتصفح ضغطها عند الوصول بشفافية. الاثنان يتراكمان: صغّر المصدر أولاً ثم دع خادمك يضغطه بـgzip. يوصي web.dev من Google بكلا الخطوتين — التصغير يزيل بايتات لا يستطيع gzip ضغطها بالكامل، بينما يتعامل gzip مع الأنماط المتكررة التي يُبقيها التصغير. لذا تعرض هذه الأداة عدد بايتات مصغَّرة وتقدير gzip لترى الربح المجمّع الكامل قبل وبعد النشر.

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

نعم، في تمريرة واحدة. اترك 'تصغير CSS المضمّن' مفعّلاً وستضغط الأداة محتويات كل كتلة <style> — بحذف التعليقات والمسافات مع حماية النصوص و url() وcalc(). 'تصغير JS المضمّن' يُنظّف كتل <script> بحذر: يزيل التعليقات ويطوي المسافات لكنه يحفظ فواصل الأسطر حتى لا يكسر إدراج الفاصلة المنقوطة التلقائي (ASI). السكريبتات المعلّمة كـJSON أو قوالب تُترك دون تعديل. هذا يسد فجوة تفوّت عليها مصغّرات CSS وحدها ومصغّرات JS وحدها — صفحات HTML تجمع اللغات الثلاث معاً.

مع هذه الأداة نعم — لأنها تعمل 100% في متصفحك باستخدام JavaScript. HTML لا يُرفع أو يُسجَّل أو يُخزَّن في أي مكان، فحتى الصفحات غير المنشورة وأعمال العملاء أو الكود الحاوي على بيانات خاصة يبقى كلياً على جهازك. يمكنك التأكد بقطع الاتصال بالشبكة: المصغّر يعمل بلا اتصال لأنه لا يوجد خادم. في المقابل، HTMLMinifier.com وMinifier.org كلاهما يرسلان HTML إلى خادم بعيد للمعالجة. مصغّر HTML في Willpeavy.com أيضاً يقوم برحلة ذهاب وإياب إلى الخادم. للمشاريع السرية، المعالجة المحلية في المتصفح هي الخيار الآمن الوحيد.

لديك خياران. للاستخدام مرة واحدة، انسخ كود مصدر صفحتك المعروضة (أو ناتج قالب ما) والصقه هنا لتصغيره. لكل صفحة تلقائياً، إضافة تخزين مؤقت أو تحسين يمكنها تصغير HTML أثناء التشغيل: WP Rocket وW3 Total Cache وLiteSpeed Cache وAutoptimize جميعها تتضمن إعدادات تصغير HTML. WP Rocket وLiteSpeed Cache الأكثر موثوقية للقوالب المعقدة ذات المحتوى الديناميكي الكثير. هذه الأداة مثالية لمقاطع القوالب والكتل المخصصة وقوالب HTML البريدية التي لا تغطيها تلك الإضافات تلقائياً، مثل أقسام Elementor المخصصة أو قوالب حقول ACF.

HTMLMinifier.com وMinifier.org مصغّران شعبيان للـHTML عبر الإنترنت، لكن كلاهما يرسل HTML إلى خادم بعيد للمعالجة. هذا يعني أن كودك — بما فيه أي صفحات غير منشورة أو كلمات مرور في نماذج أو أعمال خاصة لعملاء — يغادر جهازك. Minifycode.com أداة أخرى من جانب الخادم بنفس القيد. هذه الأداة تفعل كل شيء محلياً في المتصفح فلا شيء يُرفع أبداً. من حيث المميزات، تضيف مجمّلاً ثنائي الاتجاه في نفس الواجهة، وتقديرات gzip في الوقت الفعلي، وتصغير CSS/JS المضمّنَين — كل ذلك بلا إعادة تحميل صفحات أو رحلات إلى الخادم.

نعم، يعمل بالكامل على الجوال — الصق HTML من الحافظة، وشاهد النتيجة المصغّرة فوراً، وانسخها. الواجهة تتكيف مع الشاشات الصغيرة. تم اختباره على Safari لـiOS وChrome لـAndroid. أحد أشيع استخدامات الجوال هو فحص كم سيصغر قالب صفحة قبل الالتزام بتغيير — يمكنك لصق HTML من عرض مصدر متصفح الجوال ورؤية التوفير مباشرة. لا تنزيل تطبيق، لا تسجيل، ولا حدود للاستخدام على الجوال. يعمل أيضاً بلا اتصال بالشبكة بعد تحميل الصفحة.