תאריך פרסום: 29 באפריל 2026
רכיבי Polyfill וטרנספורמציות מאפשרים לכם להשתמש בתכונות שאולי לא עומדות בדרישות הבסיסיות – שנקראות גם תכונות בזמינות מוגבלת. ההגדרה 'בסיסית' לא מונעת שימוש בתכונות עם זמינות מוגבלת, אבל לרוב אפשר להשתמש בתכונות שהזמינות שלהן היא 'בסיסית' או 'נרחבת' גם בלי להגדיר אותה. במסגרת הבדיקה של Legacy JavaScript, תוכלו לדעת איפה יש הזדמנויות לשפר את הביצועים באמצעות אימוץ תכונות שהן Baseline.
כדאי לשקול לשנות את תהליך ה-build של JavaScript כדי לא לבצע טרנספילציה של תכונות בסיסיות, אלא אם אתם יודעים שאתם צריכים לתמוך בדפדפנים ישנים יותר.
איך להעביר את התובנה הזו
התובנה הזו לא תופיע אם המערכת תזהה יותר מ-5KiB של polyfills או טרנספורמציות לתכונות JavaScript שיש להן תמיכה רחבה לפי Baseline. כדי להשתמש בתובנה הזו, סביר להניח שתצטרכו להגדיר את כלי ה-bundler כדי להימנע מטעויות מסוימות.
שימוש ב-ES6 בסביבת ייצור
יש תמיכה רחבה ב-ES6 בכל הדפדפנים. אם אתם משתמשים בשילוב של כלי ליצירת חבילות מודולים ומהדר JavaScript – כמו Babel וההגדרה המוגדרת מראש @babel/preset-env שלו. רוב האתרים לא צריכים לתמוך בדפדפנים ישנים יותר, שפועלים רק עם ES5.
כלי נפוץ שמשמש עם bundlers ו-Babel הוא Browserslist, שמקבל מגוון שאילתות שצוינו בשפה טבעית, ואז מתרגם אותן לרשימה של סביבות דפדפן ממוקדות. לדוגמה, אפשר לטרגט תכונות של Baseline Widely available באמצעות השאילתה הזו של Browserslist בכל מקום שבו אפשר למצוא הגדרת Browserslist:
baseline widely available
ההגדרה 'בסיסית וזמינה באופן נרחב' היא ברירת המחדל המומלצת לפרויקטים חדשים של אתרים. עם זאת, כמו תמיד, מומלץ לבדוק את הדפדפנים שמשמשים לגישה לאתר. אחד הכלים שמאפשרים לעשות את זה הוא כלי ההשוואה של נתוני הבסיס ב-Google Analytics.