מסקנה לגבי חבילת Webpack
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
סיכום של חבילת Webpack
לסיכום:
- חיתוך בייטים מיותרים. דחסו הכול, הסירו קוד שלא נמצא בשימוש, והפעילו שיקול דעת בעת הוספת יחסי תלות
- פיצול קוד לפי מסלולים. אפשר לטעון רק את מה שבאמת נחוץ עכשיו, ולטעון בהדרגה אחרים
מאוחר יותר
- קוד ששמור במטמון. חלקים מסוימים באפליקציה מתעדכנים בתדירות נמוכה יותר מחלקים אחרים. כדאי להפריד בין החלקים האלה לקבצים, כדי שהם יוכלו להוריד אותם מחדש רק במקרה הצורך
- מעקב אחר הגודל. מומלץ להשתמש בכלים כמו
webpack-dashboard ו-webpack-bundle-analyzer כדי להיות מודעים לגודל האפליקציה.
בכל כמה חודשים תוכלו לבדוק שוב את ביצועי האפליקציה באופן כללי.
Webpack הוא לא הכלי היחיד שיכול לעזור לכם להאיץ אפליקציה. כדי לשפר את חוויית השימוש, כדאי להפוך את האפליקציה ל-Progressive Web App ולהשתמש בכלים אוטומטיים ליצירת פרופילים כמו Lighthouse כדי לקבל הצעות לשיפור.
אל תשכחו לקרוא מסמכים בנושא חבילות אינטרנט – יש בהם הרבה מידע שימושי נוסף.
אל תשכחו לשחק עם אפליקציית האימון.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2018-02-08 (שעון UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{
"last_modified": "עדכון אחרון: 2018-02-08 (שעון UTC).",
"state": ""
}