طريقة ضغط HTML
الصق الكود
الصق كود الصفحة أو افتح ملف .html، أو جرّب «مثال».
اختر ما يُضغط
التعليقات والمسافات وCSS وJavaScript داخل الصفحة؛ كلها مفعّلة تلقائيا.
انسخ أو حمّل
اضغط «اضغط الكود»، وسترى الحجم قبل وبعد ونسبة التوفير، ثم انسخ النتيجة أو حمّلها.
ماذا يتغير في الكود؟
| ما نفعله | مثال | هل يتغير شكل الصفحة؟ |
|---|---|---|
| حذف التعليقات | <!-- ... --> | لا. تعليقات الترخيص التي تبدأ بـ <!--! تبقى. |
| اختصار المسافات والأسطر | عدة مسافات وأسطر ← مسافة واحدة | لا. نترك مسافة واحدة حيث كانت مسافة، فلا تلتصق الكلمات ولا العناصر. |
| ضغط CSS داخل الصفحة | <style> وstyle="" | لا. نحذف المسافات والتعليقات فقط، ولا نغيّر ترتيب القواعد. |
| ضغط JavaScript داخل الصفحة | <script> وonclick="" | لا. بمحرك Terser نفسه في أداة ضغط JavaScript. |
| لا نلمس | <pre> و<textarea> | تبقى حرفيا كما كتبتها. |
نصائح
فعّل الضغط في الخادم أيضا. ضغط gzip أو Brotli في الاستضافة يقلل الحجم المنقول أكثر بكثير، والضغط هنا يضيف فوقه توفيرا صغيرا ثابتا.
احتفظ بالأصل. عدّل دائما الملف الأصلي المرتب، واضغط نسخة للرفع فقط؛ الكود المضغوط صعب التعديل.
خطأ في سكربت؟ إن كان في سكربت داخل الصفحة خطأ في الكتابة، نتركه دون ضغط وننبهك، ويُضغط باقي الصفحة.
أسئلة شائعة
هل يغير ضغط HTML شكل الصفحة؟
لا. نبقي مسافة واحدة حيث كانت المسافات، فلا تلتصق الكلمات ولا الأزرار المتجاورة، ونترك محتوى <pre> و<textarea> كما هو. اختبرنا ذلك على عشرات الصفحات الحقيقية العربية والإنجليزية بمقارنة شجرة الصفحة ونصوصها قبل الضغط وبعده.
كم يوفر ضغط HTML من الحجم؟
يختلف حسب الصفحة: من 5% في الصفحات المرتبة بإحكام إلى أكثر من 40% في الصفحات الكثيرة التعليقات والمسافات أو التي فيها CSS وJavaScript مكتوب بتنسيق واسع.
هل تُضغط أكواد CSS وJavaScript داخل الصفحة؟
نعم، ما بين <style> و<script> وفي خصائص style وonclick. ويمكنك إيقاف ذلك من الخيارات. وكود JSON-LD يُضغط مع بقاء بياناته كما هي.
ما المكتبة المستخدمة؟
html-minifier-next (رخصة MIT)، وهي امتداد محدَّث لمكتبة HTML Minifier المعروفة، مع Terser لـJavaScript، ومُصغِّر CSS خاص بنا يحذف المسافات والتعليقات فقط.
هل يناسب قوالب ووردبريس أو PHP؟
يترك أجزاء <?php ?> و<% %> كما هي، لكن الأفضل أن تضغط الصفحة الناتجة لا القالب، أو أن تستخدم إضافة كاش تفعل ذلك تلقائيا.