האם הקטנה משנה את אופן פעולת הקוד שלי?

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

האם עלי להקטין בפיתוח או בייצור?

השתמש רק בקוד ממוזער בייצור. במהלך הפיתוח, שמור את הקוד המקורי הקריא. רוב כלי הבנייה (Webpack, Vite, esbuild) מטפלים בהקטנה אוטומטית כחלק מתהליך בניית הייצור.

מה ההבדל בין מזעור לערפול?

הקטנה מקטינה את הגודל תוך שמירה על קוד קריא פונקציונלית אם הוא פורמט. ערפול מקשה בכוונה על הבנת הקוד (קידוד מחרוזת, שיטוח זרימת בקרה). כלי זה מתמקד בהקטנת גודל, לא בערפול.

כמה הפחתת גודל עליי לצפות?

בדרך כלל 30-60% לפני gzip. קוד עם הערות טובות עם שמות משתנים ארוכים רואה את ההפחתות הגדולות ביותר. בשילוב עם דחיסת gzip, קבצי JavaScript הם לרוב קטנים ב-80-90% מהמקור המקורי.

האם הקוד שלי נטען לשרת?

לא. ה-Minifier פועל בדפדפן שלך.

כמה קטן ה-JavaScript שלי?

בדרך כלל הפחתה של 30-60%. קוד כבד משתנים עם מזהים ארוכים דוחס יותר; קוד כבד ביטוי דוחס פחות.

האם עלי להקטין ביד?

לעולם לא. שמור על JavaScript קריא במקור. הפעל את הקטנה כשלב בנייה או כחלק מהפריסה.

האם זה עובד על TypeScript?

תחילה יש להדר את TypeScript ל-JavaScript באמצעות tsc או esbuild. לאחר הקומפילציה, ניתן לצמצם את JavaScript שנוצר.

ממיר חינם

JavaScript מזער

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

הדבק כאן JavaScript

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

תומך בקבצי js. או הדבק את ה-JavaScript שלך למעלה.

אוֹ

אודות כלי זה

צמצום JavaScript מפחית את גודל קוד המקור על ידי הסרת תווים מיותרים ו(עם מקטינים מתאימים) שינוי שמות של משתנים מקומיים לשמות קצרים יותר. הקטגוריה הראשונה - שטח לבן והסרת הערות - היא פשוטה וללא סיכונים. השני - שינוי שם משתנה - דורש הבנת חוקי היקף והוא מה שמקטיני ייצור כמו Terser ו- esbuild עושים הכי טוב.

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

לצמצום בדרגת ייצור, כלים ייעודיים (Terser, esbuild, swc) מבינים את מודל ההיקף המלא של ECMAScript ומייצרים תפוקה קטנה משמעותית. כלי זה מיועד לצמצום מהיר בצד הדפדפן כאשר הגדרת בנייה מלאה אינה זמינה.

למה להקטין JavaScript

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

JavaScript מהיר יותר פירושו גם זמן מהיר יותר לאינטראקטיביות. סקריפטים קטנים יותר מורידים מהר יותר, מנתחים מהר יותר ומבוצעים מוקדם יותר. עבור אתרים שבהם TTI משפיע על שיעורי היציאה מדף הכניסה ודירוג SEO, הקטנה היא אחת הזכיות הזולות ביותר שקיימות.

כיצד להשתמש

הדבק JavaScript, קבל גרסה קטנה יותר.

הוסף קלט JavaScript: הדבק מקור באזור הקלט או שחרר קובץ ‎.js. ה-Minifier מקבל JavaScript מודרני (ES2015+) כולל פונקציות חצים, מילולי תבנית, מחלקות ומודולים.
בחר אפשרויות: ברירת המחדל לבטל הערות ולכווץ את הרווח הלבן. שינוי שם המשתנה המקומי הוא שמרני; אפשר שינוי שם אגרסיבי יותר אם אתה צריך דחיסה מקסימלית.
הקטנת: הממזער מנתח את המקור, מסיר שטח לבן והערות ופולט פלט קומפקטי. שגיאות תחביר במקור מייצרות הודעות שגיאה ברורות.
השתמש בפלט: החלף את מקור הסקריפט שלך בהפקה. לאופטימיזציה מלאה, חבר עם מצרף שמטפל ברעידות עצים וביטול קוד מת.

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

צמצום מהיר של סקריפטים מוטבעים — סקריפטים קצרים ב-HTML, תגי מודעות או קטעי ניתוח נהנים מהקטנה מבלי להגדיר מבנה מלא.
אופטימיזציה של קוד ווידג'ט של צד שלישי — יש להקטין ווידג'טים הניתנים להטמעה המופצים כתג סקריפט כדי לשמור על זמן הטעינה של דף ההטמעה נמוך.
דחיסת סקריפטים של שירות עבור סימניות דפדפן — סקריפטים של Bookmarklet חייבים להתאים למגבלות האורך של כתובת האתר. הקטנה עוזרת לדחוס אותם.
הקטנת גודל חבילת הרחבות לדפדפן — ביקורות על הרחבות מענישות לעתים קרובות חבילות גדולות. הקטנה מקטינה את הגודל המפורסם.
הכנת סקריפטים עבור HTML מוטבע — לסקריפטים המוטבעים בדוא"ל, אלמנטים מותאמים אישית של AMP והקשרים דומים יש מגבלות גודל צפופות.

פרטים טכניים

ה-Minifier מסמל JavaScript באמצעות מנתח המכבד את תחביר ECMAScript. הערות (קו בודד ורב קו) מוסרות למעט הערות רישיון המסומנות ב-/*! קידומת. הרווח הלבן מכווץ למעט היכן שנדרש מבחינה תחבירית (בין מזהים, אחרי מילות מפתח).

שינוי שם משתנים שמרני מקצר משתנים מקומיים בהיקפים פשוטים. שמות גלובליים, ייצוא ושמות מיובאים אינם משתנים - זה ישבור הפניות חיצוניות. לשינוי שם עמוק, השתמש ב-Terser או ב-esbuild עם ניתוח מתאים למודול.

מקרי קצה: הכנסה אוטומטית של נקודה-פסיק (ASI) פירושה שהמזין חייב לשמר שורות חדשות בהקשרים מסוימים כדי להימנע משינוי התנהגות התוכנית. ליטרלים של תבנית, מילולית של ביטויים רגילים ו-JSX (אם הקלט כולל זאת) נשמרים בדיוק בגלל שהתוכן שלהם לא בטוח לדחיסה.

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

השתמש באנדלר אמיתי לייצור — Webpack, Vite, esbuild ו-swc מטפלים ברעד עצים, פיצול קוד וצמצום אגרסיבי. כלי זה מיועד למקרים אד-הוק.
בדוק תמיד פלט ממוזער — הקטנה יכולה מדי פעם להציג באגים עדינים סביב ASI ושינוי שמות אגרסיבי. הפעל את חבילת הבדיקה שלך מול החבילה הממוזערת לפני הפריסה.
צור מפות מקור לניפוי באגים — הקטנת הייצור צריכה לייצר מפות מקור כך שניתן יהיה לאתר שגיאות בטבע למקור המקורי. כלי זה אינו מייצר מפות מקור; צרורים עושים.
לשלב עם gzip או ברוטלי — שכבות דחיסה בצד השרת על גבי הקטנה. יחד הם משיגים באופן שגרתי 70-80% הפחתה לעומת המקור הלא ממוזער.

שאלות נפוצות

האם הקטנה משנה את אופן פעולת הקוד שלי?: לא. הקטנה מסירה רווחים לבנים והערות, שאינן משפיעות על הביצוע. קיצור משתנים (מנגנון) משנה שמות של משתנים מקומיים אך שומר על התנהגות. משתנים גלובליים ושמות מיוצאים נשמרים ללא פגע.
האם עלי להקטין בפיתוח או בייצור?: השתמש רק בקוד ממוזער בייצור. במהלך הפיתוח, שמור את הקוד המקורי הקריא. רוב כלי הבנייה (Webpack, Vite, esbuild) מטפלים בהקטנה אוטומטית כחלק מתהליך בניית הייצור.
מה ההבדל בין מזעור לערפול?: הקטנה מקטינה את הגודל תוך שמירה על קוד קריא פונקציונלית אם הוא פורמט. ערפול מקשה בכוונה על הבנת הקוד (קידוד מחרוזת, שיטוח זרימת בקרה). כלי זה מתמקד בהקטנת גודל, לא בערפול.
כמה הפחתת גודל עליי לצפות?: בדרך כלל 30-60% לפני gzip. קוד עם הערות טובות עם שמות משתנים ארוכים רואה את ההפחתות הגדולות ביותר. בשילוב עם דחיסת gzip, קבצי JavaScript הם לרוב קטנים ב-80-90% מהמקור המקורי.
האם הקוד שלי נטען לשרת?: לא. ה-Minifier פועל בדפדפן שלך.
כמה קטן ה-JavaScript שלי?: בדרך כלל הפחתה של 30-60%. קוד כבד משתנים עם מזהים ארוכים דוחס יותר; קוד כבד ביטוי דוחס פחות.
האם עלי להקטין ביד?: לעולם לא. שמור על JavaScript קריא במקור. הפעל את הקטנה כשלב בנייה או כחלק מהפריסה.
האם זה עובד על TypeScript?: תחילה יש להדר את TypeScript ל-JavaScript באמצעות tsc או esbuild. לאחר הקומפילציה, ניתן לצמצם את JavaScript שנוצר.

JavaScript מזער

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

כלים קשורים

HTML מזער

CSS מזער

פורמט JSON & Validator

מעצב XML & Validator

אודות כלי זה

למה להקטין JavaScript

כיצד להשתמש

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

פרטים טכניים

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

שאלות נפוצות

Related Articles

Essential Developer Tools: JSON, Base64, RegEx, and More

Hashing, Encryption, and Encoding Explained: A Developer's Security Guide

Spreadsheet & Data Conversion Guide: Excel, CSV, JSON, and More

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk