ממיר חינם

HTML מזער

צמצם ודחוס קוד HTML באופן מיידי בדפדפן שלך. הסר הערות, כווץ את הרווח הלבן והקטן את גודל הקובץ. חינם ופרטי.

גרור ושחרר כאן קובץ HTML

תומך בקבצי .html ו-.htm. או הדבק את ה-HTML שלך למעלה.

אוֹ

אודות כלי זה

צמצום HTML מסיר תווים מיותרים מהמקור של דף אינטרנט - רווח לבן בין תגים, הערות, ציטוטים מיותרים, תגי סגירה אופציונליים - כדי להקטין את גודל הקובץ מבלי לשנות את אופן העיבוד של הדף. החיסכון צנוע לדף (בדרך כלל 10-30%) אך מורכב על פני בקשות רבות, במיוחד עבור אתרים סטטיים או דפים המוצגים ללא דחיסה דינמית.

מקטנה זו מסיר רווח לבן בין אלמנטים ברמת הבלוק, מכווץ ריצות של רווחים בתוך טקסט לא משמעותי, מסיר הערות HTML (למעט הערות מותנות של IE), מסיר מרכאות של תכונות מיותרות כאשר מפרט HTML5 מותר, ומבטל תגי סגירה אופציונליים (</p>, </li>) היכן שהמפרט מאפשר זאת. התוצאה מוצגת באופן זהה למקור בכל דפדפן.

הקטנה שימושית ביותר בשילוב עם דחיסת gzip או Brotli ברמת השרת. הדחיסה כבר מסירה חלק ניכר מהחיסכון שמייצר, אבל השניים המשולבים עדיין מנצחים את הדחיסה לבדה - במיוחד עבור אתרים בעלי תעבורה גבוהה שבהם עלויות רוחב הפס חשובות.

למה להקטין HTML

HTML קטן יותר נטען מהר יותר, במיוחד בחיבורים איטיים יותר וברשתות סלולריות. משקל העמוד משפיע ישירות על חיוני הליבה של האינטרנט - צבע התוכן הגדול ביותר וזמן עד בייט ראשון משתפרים כאשר השרת מחזיר פחות HTML לניתוח. עבור אתרים שבהם דירוג SEO תלוי בציוני Core Web Vitals, הקטנה היא שיפור שניתן למדידה.

HTML ממוזער גם מפחית את עלויות רוחב הפס בקנה מידה. אתר המשרת מיליון דפים ביום עם חיסכון של 10 KB לכל דף חוסך 10 GB של יציאה מדי יום. תרכובות ההשפעה של אתרים סטטיים מוגשות מ-CDN שגובים על ידי העברת נתונים.

כיצד להשתמש

הדבק HTML, קבל את הגרסה הממוזערת.

  1. הוסף קלט HTML: הדבק מקור HTML באזור הקלט או שחרר קובץ .html. ה-Minifier מקבל כל סימון HTML5 חוקי.
  2. בחר אפשרויות: ברירות מחדל מסירות הערות ומכווץ את הרווח הלבן; אתה יכול להשבית טרנספורמציות בודדות אם אתה צריך לשמר אלמנטים ספציפיים (למשל, לשמור הערות לתיעוד).
  3. הקטנת: ה-Minifier מעביר את זרם האסימונים של HTML, ומחיל כל טרנספורמציה מופעלת. הפלט הוא HTML זהה מבחינה פונקציונלית עם גודל מופחת.
  4. העתק או הורד: השתמש בתוצאה כ-HTML המוגש. אשר את העיבוד הנכון של הדף בדפדפני היעד לפני הפריסה.

מקרי שימוש נפוצים

פרטים טכניים

ה-Minifier מעבד HTML אסימון אחר אסימון. רווח לבן בין אלמנטים ברמת הבלוק (<div>, <p>, <ul>) מוסר מכיוון שהוא אינו משפיע על העיבוד. רווח לבן בתוך הקשרים מוטבעים (<span>, <a>, תוכן טקסט) נשמר מכיוון שהוא יכול להשפיע על העיבוד.

הערות נמחקות כברירת מחדל, אך הערות מותנות (<!--[אם IE]>) נשמרות. מרכאות של תכונות מוסרות היכן שמנתח HTML5 מאפשר - ערכי תכונה של מילה אחת ללא רווחים או תווים מיוחדים יכולים להשמיט מרכאות.

תגי סגירה אופציונליים נמחקים לפי מפרט HTML5: </p>, </li>, </td>, ועוד כמה אחרים ניתן להשמיט כאשר אחריהם בא אח שמרמז על סגירתם. זה חריג לקריאה אבל HTML5 חוקי שדפדפנים מנתחים באופן זהה.

שיטות עבודה מומלצות

שאלות נפוצות

מה מסיר מזעור HTML?
רווח לבן מיותר בין תגיות, הערות HTML (<!-- -->), תגי סגירה אופציונליים (</li>, </p>, </td>), ערכי ברירת מחדל של תכונה (type="text" בקלט), וערכי תכונה בוליאנית (disabled="disabled" → disabled).
האם הקטנה יכולה לשבור את הדף שלי?
לעתים רחוקות, אבל אפשרי אם ה-CSS שלך מסתמך על רווח לבן בין אלמנטים מוטבעים או אם JavaScript משתמש בהשוואות innerHTML. בדוק תמיד את הפלט הממוזער. הכלי משתמש בהגדרות שמרניות כברירת מחדל.
האם עלי לצמצם HTML אם אני משתמש במסגרת כמו Next.js?
רוב המסגרות המודרניות (Next.js, Nuxt, Angular) מקטינות HTML באופן אוטומטי בבניית ייצור. כלי זה שימושי עבור קובצי HTML סטטיים, תבניות דואר אלקטרוני ופרויקטים ללא מערכת בנייה.
האם זה מפחית גם את ה-CSS וה-JavaScript המוטבעים?
כלי זה מתמקד במבנה HTML. תוכן <style> ו-<script> מוטבע נשמר כפי שהוא. עבור אלה, השתמש במקטני CSS ו-JavaScript ייעודיים לקבלת תוצאות מיטביות.
האם תגי סגירה אופציונליים בטוחים להסרה?
כן לפי מפרט HTML5, אם כי התוצאה קשה יותר לקריאה. חלק מהצוותים משביתים את השינוי הזה למען הבהירות, ומקבלים את העונש הקל.
האם ה-HTML שלי מועלה לשרת?
לא. ה-Minifier פועל בדפדפן שלך.
איך זה בהשוואה ל-html-minifier-terser?
html-minifier-terser הוא מזער ה-HTML הקנוני של Node.js ומייצר תוצאות קצת יותר אגרסיביות. כלי זה מכסה את אותן טרנספורמציות לשימוש בצד הדפדפן ללא הגדרת build.
האם עלי לצמצם תמיד או באופן סלקטיבי?
תמיד לייצור. לעולם לא לקוד מקור בבקרת גרסאות; HTML קריא במקור חיוני לתחזוקה.