تصغير HTML
صفحات أصغر وعرض مطابق
تصغير HTML بهذه الأداة المجانية يجري عبر الإنترنت، فيزيل التعليقات والمسافات من شيفرتك ويعيد إليك صفحة أصغر. أولًا، الصق HTML أو أفلت ملفاتك. ثم اضغط زرًا واحدًا. وأخيرًا، انسخ النتيجة، لأن العمل كله يجري في علامة التبويب هذه.
- مجانيالسعر
- غير مطلوبالحساب
- لا يوجدالرفع
- في كل تشغيلمُتحقَّق منه
أداة تصغير HTML
الصق الكود أو أفلت ملفاتك — دون رفع أي شيء
الناتج المصغّر
- الأصل
- —
- مصغّر
- —
- الموفَّر
- —
- بعد gzip
- —
- الوسوم
- —
- استغرق
- —
جاهز. الصق كود HTML، ثم اضغط «تصغير» أو «تجميل».
ما هو تصغير HTML؟
يعيد مصغّر HTML كتابة صفحة كُتبت للبشر إلى صفحة ينزّلها المتصفح أسرع. فيتخلص من تعليقاتك ومن الإزاحة التي لا تفيد إلا القارئ. لكنه يحتفظ بكل وسم وكل كلمة، لذلك تُعرض الصفحة تمامًا كما كانت.
يصل التوفير مبكرًا، ولهذا يهم. فملف HTML هو أول ما يطلبه المتصفح، وكل طلب آخر ينتظره. لذلك فإن مستندًا ينخفض من 80 كيلوبايت إلى 58 يبدأ السلسلة كلها أسرع.
يسمي بعض الناس هذه المهمة ضغط HTML. والمصطلحان يصفان نتيجة واحدة: أحرف أقل وعرض مطابق. باختصار، تنشر الصفحة الصغيرة وتحتفظ بالصفحة المقروءة.
بعض المسافات مهم ومعظمها ليس كذلك. وترسم مواصفة بناء جملة HTML هذا الحد تمامًا حيث ترسمه هذه الصفحة.
لماذا يصعب تصغير HTML أكثر من CSS أو JavaScript
في CSS وJavaScript تكون المسافة بين رمزين زخرفة. أما في HTML فهي نص يمكن للقارئ رؤيته. `bold italic` يُظهر فراغًا بين الكلمتين و`bolditalic` لا يُظهره، لذلك فإن الأداة التي تعصر كل مسافة تعيد كتابة جملتك بصمت.
هذا الفرق وحده يفسر معظم شكاوى "المصغّر أفسد صفحتي". لذلك تنظر هذه الأداة إلى ما يقع على جانبي كل فراغ. بجانب وسم سطري يصبح الفراغ مسافة واحدة، لأن القارئ سيراها. وبجانب وسم كتلي يختفي، لأنه لا شيء يُعرض هناك.
ما يبقى تمامًا كما كتبته
كل ما داخل `pre` و`textarea` و`script` و`style` و`code` يبقى بايتًا ببايت، بما في ذلك فواصل الأسطر. فالمسافة داخل كتلة `pre` مخرجات ظاهرة، وفاصل السطر داخل نص برمجي قد ينهي عبارة.
وتبقى التعليقات الشرطية أيضًا. `
لماذا تبقى علامات الاقتباس في السمات
تحذف بعض الأدوات علامات الاقتباس من `class="card"`. البايتات حقيقية لكنها قليلة، وسلامة ذلك تعتمد على القيمة. أما هذه الأداة فتتركها، لأن بضعة أحرف لا تبرر أبدًا هذا النوع من الأخطاء.
صغّر HTML في أربع خطوات
لا تثبيت ولا تسجيل ولا انتظار. يعمل كل شيء في علامة التبويب المفتوحة لديك.
- 1
أضف شيفرتك
الصق HTML في المحرر، أو أفلت ملفات .html في تبويب الرفع. والطريقان يؤديان العمل نفسه.
- 2
اختر ما يُحذف
تُحذف التعليقات افتراضيًا وتبقى التعليقات الشرطية. كما تقرر ما إذا كنت ستدمج المسافات وترتّب السمات.
- 3
اضغط تصغير
تمر الأداة على كل حرف، وتعيد كتابة الصفحة، ثم تعيد قراءة إجابتها قبل أن تعرض لك أي شيء.
- 4
انسخ أو نزّل
خذ النتيجة نصًا، أو احفظها كملف .min.html. وفي الأثناء يبقى أصلك تمامًا كما تركته.
مصغّر HTML يحترم مسافاتك
نادرًا ما تعلن الصفحة المعطوبة عن نفسها. بل تظهر خاطئة قليلًا فحسب، ولا يكتشف أحد أي أداة تسببت بذلك.
تميّز بين السطري والكتلي
يصبح الفراغ بجانب span أو رابط مسافة واحدة، لأن القارئ يراه. ويختفي الفراغ بجانب div، لأنه لا شيء يُعرض هناك.
الكتل الخام تبقى مطابقة
كل ما داخل pre أو textarea أو script أو style أو code يخرج بايتًا ببايت، مع فواصل الأسطر وكل شيء.
تتحقق في كل تشغيل
تعيد الأداة قراءة مخرجاتها وتقارن كل وسم وسمة وكلمة بأصلك. ويُبلَّغ عن أي اختلاف، ولا يُخفى أبدًا.
التعليقات الشرطية تنجو
تعليق IE الشرطي شيفرة ترتدي زي تعليق. لذلك يبقى ما لم تقل غير ذلك.
تبقى ملفاتك في هذه العلامة
لا تسافر شيفرتك إلى أي مكان. لا يوجد طلب ولا تخزين ولا سجل، لذلك يمكنك لصق أعمال العملاء هنا بأمان.
تعرض الرقم الحقيقي
ترى الحجم المضغوط بـgzip بجانب الحجم الخام، لأن gzip هو ما يصل فعلًا إلى زائرك.
الاستفادة القصوى من أداة ضغط HTML هذه
تُبقي بعض العادات الصغيرة الصفحة المصغّرة قابلة للتوقع.
- احتفظ بالأصل. عدّل دائمًا الملف المقروء. وبذلك تبقى النسخة المصغّرة شيئًا تولّده، لا شيئًا تصونه.
- صغّر في النهاية. شغّله بعد محرك القوالب وبعد الاختبارات. وإلا فستختبر صفحة وتنشر أخرى.
- افحص جملة فيها روابط. انظر إلى فقرة تحتوي على روابط. فإذا بقيت الفراغات بين الكلمات، فقد أدت قواعد المسافات عملها.
- قدّمه مضغوطًا بـgzip. يتراكم التصغير والضغط معًا. ونتيجة لذلك ينخفض حجم النقل كثيرًا عن حجم الملف على القرص.
- اترك التعليقات الشرطية وشأنها. ما لم تكن متأكدًا أن لا شيء يعتمد عليها، أبقِ هذا المفتاح مفعّلًا. فهي لا تكلف شيئًا تقريبًا.
- راقب شارة التحقق. إذا قال تشغيل ما إنه لم يستطع التحقق، فلا تنشر ذلك الملف. بدلًا من ذلك، أرسل إلينا الحالة واحتفظ بأصلك.
أخطاء تفسد الصفحة المصغّرة
كل قصة تقريبًا من نوع "أصبح الشكل خاطئًا" هي واحدة من هذه الثلاث.
عصر الفراغات السطرية
الأداة التي تزيل كل مسافة تلصق كلماتك ببعضها. تبقى الصفحة صالحة، لكنها تُقرأ بشكل خاطئ.
تسطيح كتل pre
تعتمد أمثلة الشيفرة وتخطيطات ASCII على فواصل أسطرها. وإذا أزلتها يصبح المثال سطرًا واحدًا طويلًا.
تعديل الملف المصغّر
تختفي تعديلاتك في البناء التالي. لذلك فمكان الإصلاح دائمًا هو القالب المصدر.
الأسئلة الشائعة عن تصغير HTML
هل سيغيّر تصغير HTML شكل صفحتي؟
لا ينبغي ذلك، والأداة تتحقق بدل أن تفترض. فهي تحتفظ بالمسافات الظاهرة بين العناصر السطرية، وتزيل فقط المسافات غير المرئية، ثم تعيد قراءة مخرجاتها لتؤكد أن كل وسم وكل كلمة نجت.
ماذا يحدث لكتل script وpre لديّ؟
تخرج بايتًا ببايت، بما فيها فواصل الأسطر. وهذا مهم مرتين: فالمسافة داخل كتلة pre مخرجات ظاهرة، وفاصل السطر داخل نص برمجي قد ينهي عبارة.
كم ستصغر صفحتي؟
تنخفض الشيفرة المقروءة عادةً بين 15 و30 بالمئة، وتعرض الأداة الرقم الدقيق لملفك. لكن الصفحة التي ينتجها أداة تجميع تكون غالبًا مضغوطة أصلًا، لذلك توفر أقل بكثير.
هل تزيل تعليقات IE الشرطية؟
ليس إلا إذا طلبت. فهي تبدو كتعليقات لكنها تتصرف كشيفرة، لذلك تحتفظ بها الأداة افتراضيًا وتمنحك مفتاحًا حين تتأكد أن لا شيء يحتاجها.
هل يُرفع HTML الخاص بي إلى أي مكان؟
لا. تعمل الأداة كلها داخل علامة تبويب متصفحك. لا يوجد طلب ولا تخزين ولا سجل، لذلك يمكنك لصق عمل سري بأمان.
هل يمكنني تصغير عدة ملفات دفعة واحدة؟
نعم. افتح تبويب الرفع وأفلت ما تشاء من ملفات .html أو .htm. تصغّر الأداة كل ملف على حدة، ويمكنك تنزيلها واحدًا تلو الآخر.
أدوات أخرى يمكنك استخدامها الآن
كل واحدة منها تعمل في متصفحك ولا تطلب منك شيئًا.
تصغير CSS
صغّر ورقة أنماط دون كسر calc() أو المحددات.
افتح الأداة ←تصغير JavaScript
صغّر نصًا برمجيًا مع الفحص نفسه للتأكد من أن النتيجة ما زالت تطابق شيفرتك.
افتح الأداة ←أداة معرفة حجم الصورة
اقرأ الأبعاد والوزن والصيغة الحقيقية لكل صورك دفعة واحدة.
افتح الأداة ←
صغّر صفحتك التالية في ثوانٍ
الصق الشيفرة، واضغط زرًا واحدًا، وتحقق من التوفير بنفسك. لا شيء يسافر إلى أي مكان ولا شيء يبقى محفوظًا.