Web-Dev-For-Beginners/translations/he/5-browser-extension/3-background-tasks-and-performance/assignment.md

<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "a203e560e58ccc6ba68bffc40c7c8676",
  "translation_date": "2025-10-23T01:40:08+00:00",
  "source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md",
  "language_code": "he"
}
-->
# ניתוח אתר לביצועים

## סקירת המשימה

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

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

## הוראות המשימה

**בחרו אתר** לניתוח - בחרו אחת מהאפשרויות הבאות:
- אתר פופולרי שאתם משתמשים בו לעיתים קרובות (אתר חדשות, רשת חברתית, מסחר אלקטרוני)
- אתר של פרויקט קוד פתוח (דפי GitHub, אתרי תיעוד)
- אתר של עסק מקומי או אתר פורטפוליו
- פרויקט אישי שלכם או עבודה קודמת

**בצעו ניתוח רב-כלי** תוך שימוש בלפחות שלוש גישות שונות:
- **DevTools של הדפדפן** - השתמשו בלשונית הביצועים של Chrome/Edge לפרופיל מפורט
- **כלי בדיקה מקוונים** - נסו Lighthouse, GTmetrix או WebPageTest
- **ניתוח רשת** - בדקו טעינת משאבים, גדלי קבצים ודפוסי בקשות

**תעדו את הממצאים שלכם** בדוח מקיף שיכלול:

### ניתוח מדדי ביצועים
- **מדידות זמן טעינה** ממספר כלים ונקודות מבט
- **ציוני Core Web Vitals** (LCP, FID, CLS) והשלכותיהם
- **פירוט משאבים** שמראה אילו נכסים תורמים הכי הרבה לזמן הטעינה
- **ניתוח מפל רשת** לזיהוי משאבים חוסמים

### זיהוי בעיות
- **צווארי בקבוק ספציפיים בביצועים** עם נתונים תומכים
- **ניתוח שורש הבעיה** שמסביר מדוע כל בעיה מתרחשת
- **הערכת השפעה על המשתמש** שמתארת כיצד הבעיות משפיעות על משתמשים אמיתיים
- **דירוג עדיפויות** של בעיות לפי חומרתן וקושי התיקון

### המלצות לאופטימיזציה
- **שיפורים ספציפיים וניתנים ליישום** עם השפעה צפויה
- **אסטרטגיות יישום** לכל שינוי מומלץ
- **שיטות עבודה מודרניות** שניתן ליישם (טעינה עצלה, דחיסה וכו')
- **כלים וטכניקות** לניטור ביצועים מתמשך

## דרישות מחקר

**אל תסתמכו רק על כלי דפדפן** - הרחיבו את הניתוח שלכם באמצעות:

**שירותי בדיקה חיצוניים:**
- [Google Lighthouse](https://developers.google.com/web/tools/lighthouse) - בדיקות מקיפות
- [GTmetrix](https://gtmetrix.com/) - תובנות ביצועים ואופטימיזציה
- [WebPageTest](https://www.webpagetest.org/) - תנאי בדיקה בעולם האמיתי
- [Pingdom](https://tools.pingdom.com/) - ניטור ביצועים גלובלי

**כלי ניתוח מתמחים:**
- [Bundle Analyzer](https://bundlephobia.com/) - ניתוח גודל חבילות JavaScript
- [Image optimization tools](https://squoosh.app/) - הזדמנויות לאופטימיזציה של נכסים
- [Security headers analysis](https://securityheaders.com/) - השפעת ביצועי אבטחה

## פורמט התוצרים

צרו דוח מקצועי (2-3 עמודים) שיכלול:

1. **תקציר מנהלים** - סקירת ממצאים והמלצות עיקריות
2. **מתודולוגיה** - הכלים בהם השתמשתם וגישת הבדיקה
3. **הערכת ביצועים נוכחית** - מדדים ומדידות בסיסיות
4. **בעיות שזוהו** - ניתוח בעיות מפורט עם נתונים תומכים
5. **המלצות** - אסטרטגיות שיפור מדורגות לפי עדיפות
6. **מפת יישום** - תוכנית אופטימיזציה שלב אחר שלב

**כללו ראיות חזותיות:**
- צילומי מסך של כלי ביצועים ומדדים
- תרשימים או גרפים המציגים נתוני ביצועים
- השוואות לפני/אחרי במידת האפשר
- תרשימי מפל רשת ופירוט משאבים

## קריטריונים להערכה

| קריטריונים | מצטיין (90-100%) | מספק (70-89%) | דורש שיפור (50-69%) |
| ----------- | ---------------- | -------------- | -------------------- |
| **עומק הניתוח** | ניתוח מקיף באמצעות 4+ כלים עם מדדים מפורטים, ניתוח שורש הבעיה והערכת השפעה על המשתמש | ניתוח טוב באמצעות 3 כלים עם מדדים ברורים וזיהוי בעיות בסיסי | ניתוח בסיסי באמצעות 2 כלים עם עומק מוגבל וזיהוי בעיות מינימלי |
| **מגוון כלים** | שימוש בכלי דפדפן + 3+ שירותים חיצוניים עם ניתוח השוואתי ותובנות מכל אחד | שימוש בכלי דפדפן + 2 שירותים חיצוניים עם ניתוח השוואתי מסוים | שימוש בכלי דפדפן + שירות חיצוני אחד עם השוואה מוגבלת |
| **זיהוי בעיות** | זיהוי 5+ בעיות ביצועים ספציפיות עם ניתוח שורש מפורט והערכת השפעה כמותית | זיהוי 3-4 בעיות ביצועים עם ניתוח טוב והערכת השפעה מסוימת | זיהוי 1-2 בעיות ביצועים עם ניתוח בסיסי |
| **המלצות** | מתן המלצות ספציפיות וניתנות ליישום עם פרטי יישום, השפעה צפויה ושיטות עבודה מודרניות | מתן המלצות טובות עם הנחיות יישום מסוימות ותוצאות צפויות | מתן המלצות בסיסיות עם פרטי יישום מוגבלים |
| **הצגה מקצועית** | דוח מאורגן היטב עם מבנה ברור, ראיות חזותיות, תקציר מנהלים ועיצוב מקצועי | ארגון טוב עם ראיות חזותיות מסוימות ומבנה ברור | ארגון בסיסי עם ראיות חזותיות מינימליות |

## תוצאות למידה

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

משימה זו מחזקת את מושגי הביצועים שנלמדו בשיעור תוך בניית מיומנויות מעשיות שתשתמשו בהן לאורך כל הקריירה שלכם כמפתחי אתרים.

---

**הצהרת אחריות**:  
מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. למידע קריטי, מומלץ להשתמש בתרגום מקצועי אנושי. איננו אחראים לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.