הקטנה של קובצי JavaScript יכולה לצמצם את המטען הייעודי (payload) ולקצר את משך הזמן הנדרש לניתוח סקריפט. בקטע 'הזדמנויות' בדוח Lighthouse מפורטים כל קובצי ה-JavaScript הלא-ממוזערים, לצד החיסכון האפשרי ב-kibibytes (KiB) כאשר מצמצמים את הקבצים האלה:
איך מקטינים קובצי JavaScript
הקטנה היא התהליך של הסרת רווחים לבנים וכל קוד שלא הכרחי כדי ליצור קובץ קוד קטן יותר אבל תקין לגמרי. Terser הוא כלי פופולרי לדחיסת JavaScript. כברירת מחדל, webpack v4 כולל פלאגין לספרייה הזו ליצירת קובצי build מקוצרים.
הנחיות ספציפיות למקבץ
Drupal
צריך לוודא שהאפשרות Aggregate JavaScript files מופעלת בדף Administration (ניהול) » Configuration (הגדרות אישיות) » Development (פיתוח).
Joomla
יש כמה תוספי Joomla שיכולים להאיץ את האתר על ידי שרשור, הקטנה ודחיסה של הסקריפטים. יש גם תבניות שמספקות את הפונקציונליות הזו.
Magento
אפשר להשתמש ב-Terser כדי להקטין את כל נכסי ה-JavaScript מפריסת התוכן הסטטי, ולהשבית את תכונת ההקטנה המובנית.
React
אם מערכת ה-build שלכם מקטינה באופן אוטומטי את קובצי ה-JS, חשוב לוודא שאתם פורסים את גרסת ה-build של סביבת הייצור של האפליקציה. אפשר לבדוק את זה באמצעות התוסף React Developer Tools.
WordPress
יש כמה יישומי פלאגין של WordPress שיכולים להאיץ את האתר על ידי שרשור, הקטנה ודחיסה של סקריפטים. ניתן גם להשתמש בתהליך build כדי לבצע את ההקטנה מראש, אם אפשר.