‫JavaScript כפול

Connor Clark
Connor Clark

פורסם: 8 באוקטובר 2025

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

איך להשתמש בתובנה הזו

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

כדי להתעמק בחבילות JavaScript בדף, לוחצים על View Treemap. הפעולה הזו תפתח את חבילות ה-JavaScript של הדף במפת העצים של Lighthouse.

תרשים Treemap של Lighthouse. הצמתים הצבעוניים מייצגים מודולים כפולים שנמצאו בכמה חבילות JavaScript
תרשים Treemap של Lighthouse. הצמתים הצבעוניים מייצגים מודולים כפולים שנמצאים בכמה חבילות JavaScript.
  • ב-PageSpeed Insights ובדוח Lighthouse, הלחצן הזה נמצא בקטגוריה Performance (ביצועים) מתחת למדדים:

    כפתור להצגת תרשים Treemap ב-Lighthouse
    הלחצן 'הצגת מפת העץ' ב-Lighthouse.
  • בחלונית Performance של כלי הפיתוח, הלחצן הזה נמצא בתובנה Duplicated JavaScript:

    לחצן להצגת מפת עץ בחלונית הביצועים של DevTools
    לחצן 'הצגת מפת העץ' בחלונית Performance של כלי הפיתוח ל-Chrome.

הנחיות ספציפיות לטכנולוגיה

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

הפניות נוספות