مصغّر HTML
الصق HTML لإزالة التعليقات والمسافات الزائدة وتصغير CSS وJavaScript المضمّنين. يبقى المحتوى داخل <pre> و<textarea> تمامًا كما كُتب.
يعمل في متصفحكبدون تسجيللا يُرفع شيء
طريقة استخدام مصغّر HTML
- الصق مستند HTML أو جزءًا منه، أو افتح ملف
.html. - اختر ما تريد إزالته: التعليقات، والمسافات، وما إذا كان يجب تصغير كتل
<style>و<script>المضمّنة أيضًا. - راجع سطر التحذيرات: السكربت المضمّن الذي يحتوي على خطأ صياغة يُترك دون تغيير بدلًا من كسر صفحتك.
- انسخ HTML المصغَّر أو نزّله.
ما الذي يُزال؟
- التعليقات: يُزال
<!-- … -->، باستثناء التعليقات الشرطية لـ Internet Explorer والتعليقات التي تبدأ بـ<!--!. - المسافات بين العناصر الكتلية: الأسطر الجديدة والمسافات البادئة بين وسوم مثل
<div>أو<li>أو<head>لا تُعرض أبدًا، لذا تُحذف بالكامل. - تتابع المسافات في النص: يُطوى إلى مسافة واحدة، وهذا بالضبط ما يعرضه المتصفح على أي حال.
- المسافات داخل الوسوم: يصبح
<p class = "a">بالشكل<p class="a">.
ما الذي يُحافَظ عليه؟
للمسافات أهمية في بعض المواضع، ويحترمها المصغّر. يُحفظ محتوى <pre> و<textarea> بايتًا بايتًا. وتُبقى مسافة واحدة بين العناصر السطرية، مثل <b>bold</b> text، لأن إزالتها ستدمج الكلمات. ولا تُغيَّر قيم السمات وعلامات الاقتباس أبدًا.
CSS وJavaScript المضمّنان
تُحسَّن كتل <style> المضمّنة باستخدام CSSO وكتل <script> المضمّنة باستخدام Terser، وهما المحركان نفساهما المستخدمان في صفحتي مصغّر CSS ومصغّر JavaScript. تُضغط كتل JSON-LD وغيرها من كتل سكربت JSON، وتُترك السكربتات ذات الأنواع غير المعروفة (مثل القوالب) كما هي.
هل يستحق تصغير HTML العناء؟
في الصفحات المعروضة من الخادم والمواقع الثابتة، يكون مستند HTML أول ما ينزّله المتصفح، لذا فإن كل بايت يُوفَّر يقصّر الوقت حتى العرض الأول. التوفير بنسبة 10–25% قبل الضغط شائع، وأكثر في القوالب ذات المسافات البادئة الكثيفة والصفحات ذات السكربتات المضمّنة الكبيرة.
الأسئلة الشائعة
هل سيغيّر تصغير HTML مظهر صفحتي؟
<pre>/<textarea>. إذا كنت تنسّق العناصر بـ white-space: pre في CSS، فعطّل طي المسافات البيضاء.