Command Palette

Search for a command to run...

مص

مصغرة وأداة تجميل أتش تي أم أل

تصغير ترميز HTML لتحميل الصفحات بشكل أسرع أو تجميلها للحصول على مصدر قابل للقراءة ومستلزمات بادئة

ما هو مصغر HTML و مزيل للشعر؟

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

التفاصيل الهامة في تصغير HTML هي معرفة ما لا يجب لمسه. تخفي هذه الأداة محتويات <pre> و <textarea> و <script> و <style> عناصر قبل القيام بأي شيء آخر وتعيدها بايت مقابل بايت بعد ذلك ، لذلك تحافظ عينات الشفرة على فواصل الأسطر ، وتحافظ الإعدادات الافتراضية على التنسيق ، ولا يتم إعادة كتابة جافا سكريبت و CSS مطلقًا. يتم الاحتفاظ بقيم السمات المقتبسة بالضبط ، ويمكن الاحتفاظ بالتعليقات الشرطية على سبيل المثال حتى أثناء تجريد التعليقات العادية - ينطبق نفس الانضباط على مصغر وقت الإنشاء مثل HTML-minifier-terser.

يقوم جهاز التجميل بالعكس: فهو يأخذ ترميزًا مصغرًا أو فوضويًا ويعيد بادئاته بهيكل مدرك للتداخل ، ويحتفظ بعناصر مضمنة مثل <span> و <a> و <strong> تتدفق مع النص المحيط بها بدلاً من تفجير كل علامة على خطها الخاص. كل شيء يعمل 100٪ من جانب العميل في متصفحك - لا يتم تحميل الترميز الخاص بك أو تسجيله مطلقًا ، لذا فإن الصفحات المكسورة وصادرات CMS والقوالب الخاصة كلها آمنة لللصق ، وتستمر الأداة في العمل دون اتصال.

لا تعد المسافات البيضاء في HTML غير مهمة دائمًا ، ولهذا السبب تُترك PRE و TextArea و Script و Style تمامًا كما هي. يؤدي انهيار مساحة داخل كتلة مسبقة إلى تغيير ما يراه القارئ ، ويمكن أن يؤدي انهيار أحدهما داخل البرنامج النصي إلى تغيير ما يفعله البرنامج النصي.

كيفية استخدام مصغر HTML وأداة تجميل؟

  1. الصق HTML الخاص بك

    قم بإسقاط جزء أو قالب مكون أو مستند كامل في منطقة الإدخال. يتم قبول كل من الترميز المنسق والمصغر بالفعل.

  2. اضبط خياراتك

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

  3. انقر فوق تصغير أو تجميل

    يضغط Minify على الترميز أثناء حماية <pre> و <textarea> و <script> و <style> المحتوى. تجميل العلامات المتداخلة مع إعادة المسافات البادئة والحفاظ على العناصر المضمنة قابلة للقراءة. تظهر شارة التوفير بالضبط قبل / بعد الأحجام.

  4. نسخ أو تنزيل

    انسخ النتيجة إلى الحافظة الخاصة بك ، أو قم بتنزيلها كملف .html جاهز للنشر أو الفحص.

الميزات الرئيسية

  • كتل المحتوى المحمي

    <pre> و <textarea> و <script> و <style> المحتويات مقنعة واستعادة بايت مقابل بايت - لا يتم تشويه عينات الرمز والنصوص المضمنة أبدًا

  • تصغير قابل للتكوين

    تبديل مستقل لإزالة التعليقات وانهيار المسافات البيضاء و IE حافظ على التعليقات الشرطية

  • انهيار سمات آمن

    يتم الاحتفاظ بقيم السمات المقتبسة داخل المسافات البيضاء تمامًا ، لذا فإن النص البديل وسمات البيانات و JSON المضمنة تبقى سليمة

  • مبخرة توعية بالهيكل

    المسافات البادئة عناصر الكتلة المتداخلة مع الاحتفاظ بعلامات مضمنة مثل <span> و <a> تتدفق بنصها ؛ لا تحتاج العلامات الفارغة إلى زوج إغلاق

Frequently Asked Questions

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

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

html minifierminify htmlhtml beautifierhtml formattercompress htmlhtml compressorunminify htmlreduce html sizehtml optimizer