كود HTML الذي تكتبه بيدك أو تصدّره من محرر مليء بالإزاحات والأسطر الفارغة والتعليقات. لا شيء من ذلك يظهر في الصفحة، لكنه يُحمّل مع كل زيارة. أداة ضغط كود HTML في جود تحذف هذا الزائد، وتضغط معه كود CSS وJavaScript المكتوب داخل الصفحة، فتحصل على ملف أصغر يُعرض كما كان.
طريقة الاستعمال
الصق كود الصفحة في خانة «الشيفرة المصدرية»، حتى 2 ميغابايت.
اضغط «ابدأ الآن».
انسخ النتيجة بزر «نسخ النتيجة» وضعها مكان الكود الأصلي.
ما الذي تفعله الأداة
تحذف التعليقات، وتُبقي التعليقات الشرطية التي يعتمد عليها Outlook وبعض البرامج القديمة، مثل <!--[if mso]>.
تختصر كل مجموعة مسافات وأسطر إلى مسافة واحدة، وتحذف المسافات حول الوسوم البنائية مثل div وp وli وtable.
تُبقي مسافة واحدة بين الوسوم التي تقع داخل السطر، مثل b وa وspan، حتى لا تلتصق الكلمات.
لا تلمس محتوى pre وtextarea، لأن المسافات فيهما جزء من المحتوى.
تضغط كود CSS داخل وسوم style، وكود JavaScript داخل وسوم script، وتترك كما هي السكربتات من نوع آخر، مثل بيانات JSON-LD الموجهة لمحركات البحث.
في تجربتنا، صفحة صغيرة بإزاحات عادية وتعليق ووسم style ووسم script نزلت من 509 بايت إلى 389 بايت، أي أصغر بنحو الربع.
حالتان قد يتغير فيهما الشكل
عناصر inline-block المتجاورة: إن كانت قائمتك مثلًا مصنوعة من عناصر li بخاصية display: inline-block، فالفراغ الصغير بينها كان يأتي من المسافات في الكود. بعد الضغط يختفي، فاضبطه بخاصية margin أو gap في CSS.
مسافات محفوظة بواسطة CSS: إن استعملت white-space: pre على عنصر غير pre، فستُختصر المسافات داخله. ضع ذلك النص داخل وسم pre أو اتركه دون ضغط.
نصائح قبل الاستعمال
الصق HTML النهائي فقط، أي ما يصل فعلًا إلى المتصفح. ملفات القوالب التي تحتوي على كود PHP أو لغة قوالب أخرى قد تتعطل، لأن الأداة تتعامل مع كل شيء على أنه HTML.
رسائل البريد المصممة بـ HTML تستفيد كثيرًا من الضغط: Gmail يقص الرسالة إذا تجاوز كودها نحو 102 كيلوبايت، ويخفي الباقي خلف رابط لعرضها كاملة.
احتفظ بالنسخة الأصلية المرتبة للتعديل، وجرّب الصفحة بعد الضغط.
