مُصَغِّر HTML

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

ماذا يفعل تصغير HTML؟

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

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

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

كيف أستخدم مُصَغِّر HTML؟

أدخل المستند الأصلي في حقل HTML، ثم شغّل الأداة. ستظهر النسخة المختصرة في HTML المصغر، إلى جانب محارف HTML ومحارف HTML المصغر.

1. استخدم مستند HTML كاملًا أو جزءًا مستقلًا بذاته.
2. شغّل التصغير وافحص الترميز الناتج.
3. قارن عددي المحارف للتأكد من أن العملية حققت خفضًا مفيدًا.
4. اختبر مستند HTML المصغر ومظهره في المتصفح قبل أن تستبدل به ملف الإنتاج.

تُنفذ المعالجة على الخادم. تنتقل مدخلاتك إلى الخادم عبر HTTPS ولا تُخزّن. تجنب إرسال مصدر سري إذا كانت مؤسستك تشترط معالجة الشفرة بالكامل على جهاز محلي.

كيف تقرأ الناتج المصغر؟

تعرض النتيجة الترميز المصغر وعدد المحارف قبل المعالجة وبعدها. يشير انخفاض قيمة محارف HTML المصغر إلى حذف بعض المحارف، لكن هذا القياس لا يساوي حجم الملف عند تنزيله.

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

لا تتضمن الحقول الناتجة تقريرًا للتحقق من الصحة، لذا لا تتعامل مع هذه الأداة بوصفها مدقق HTML. فقد تُرجع ترميزًا مختصرًا من دون التنبيه إلى تداخل غير صحيح للعناصر، أو معرّفات IDs مكررة، أو وسوم إغلاق إلزامية مفقودة، أو قيمة سمة غير محاطة بعلامات اقتباس وتحتوي على مسافات. ولا تُعد الفاصلة الختامية خطأً في صياغة HTML، لكن وجودها داخل JSON أو JavaScript مضمّن قد يؤدي إلى فشل ذلك المحتوى.

أمثلة عملية ومدخلات تحتاج إلى الانتباه

من الحالات المباشرة للتصغير إزالة المسافات البادئة المحيطة بعناصر الكتل العادية.

المدخل، حيث تمثل \n فاصل سطر <main>\n <p>Ready</p>\n</main>

الصيغة المختصرة <main><p>Ready</p></main>

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

المدخل <span>Account</span> <span>settings</span>

صيغة مختصرة غير آمنة <span>Account</span><span>settings</span>

قد تظهر الصيغة الثانية هكذا: "Accountsettings". افحص دائمًا المحتوى السطري، ولا تفترض أن كل مسافة بين الوسوم قابلة للحذف.

• قد تكون المسافات وفواصل الأسطر داخل <pre> و<textarea> والمحتوى المشابه الحساس للمسافات البيضاء ذات معنى.
• الأرقام وعلامات الترقيم الموجودة في النص أو قيم السمات جزء من محتوى المستند، وليست تنسيقًا يمكن حذفه.
• الأحرف ذات العلامات والمحارف غير اللاتينية نص HTML صالح عندما يستخدم المستند ترميز المحارف الصحيح.
• قد تخضع تعبيرات القوالب وتوجيهات الخادم والتعليقات الشرطية لقواعد لا يفهمها مُصَغِّر HTML عام.
• لا تحتوي مدخلات HTML الفارغة على شيء مفيد يمكن تقليله. وإذا كان مستند HTML طويلًا جدًا، فاستخدم عملية إنشاء HTML قابلة للتكرار بدلًا من الاعتماد على النسخ اليدوي.

متى يستحق تصغير HTML العناء؟

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

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

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

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

هل يمكنني تصغير HTML يحتوي على CSS أو JavaScript مضمّن؟

لكل من CSS وJavaScript المضمّنين قواعد صياغة خاصة به، لذلك لا تفترض أن تصغير HTML سيحسّن محتواهما. استخدم مصغر CSS أو مصغر JS لهذه الأجزاء عند الحاجة، ثم اختبر المستند بعد تجميعه، لأن تسلسلات وسوم الإغلاق المضمّنة قد تؤثر في تحليل HTML.

هل يحسّن HTML المصغر ترتيب الصفحة في نتائج البحث؟

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

هل يمكنني تصغير قوالب Twig أو Blade أو غيرها من قوالب HTML؟

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

لماذا يختلف عدد المحارف عن حجم الملف؟

المحارف والبايتات مقياسان مختلفان في ترميزات Unicode مثل UTF-8. تشغل محارف ASCII الكثيرة بايتًا واحدًا، بينما قد تشغل محارف أخرى عدة بايتات. وقد تحتوي الملفات أيضًا على علامة ترتيب البايتات، أو تستخدم نهايات أسطر تؤثر في الحجم بالبايتات.

هل يحذف التصغير تعليقات HTML بأمان؟

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

فحوص نهائية

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