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