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

כדי להסביר זאת עם דוגמה: מחלקות שיווק עשויות לרצות ליישם המרה ו קודי שיווק מחדש/טירגוט מחדש, יחד עם כלים כמו Criteo ובית RTB, המשתמשות בריטרגטינג מבוסס מוצר. הם עשויים גם לצפות לתמונות ואנימציות מושכות עין. בינתיים, מחלקות המוצר עשויות לבקש שילוב של כלים כמו Hotjar ו-Clarity. מחלקות תוכנה, לעומת זאת, שואפות להתפתח מהר ככל האפשר הן בחזית והן בגב. הביקוש והעלויות הכרוכות בדרישות אלו על מהירות הדף נמצאים למעשה באיזון. תקציב ביצועי האינטרנט הופיע כדי לבסס איזון זה ביעילות.

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

 

image-5.png
מקור: https://wp-rocket.me/blog/performance-budgets/

 

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

  • האם דף הבית יכול להיפתח ב? פחות מ-2 שניות בחיבור 3G מהיר לנייד (1.6 Mbps)?
  • האם דף תוצאות החיפוש יכול להיפתח ב? פחות מ-5 שניות בחיבור 3G איטי (780 Kbps)?

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

מלבד הצעות, יכולים להיות יעדי תקציב ביצועים אחרים. לדוגמה:

  • הגדלת המגדלור הנייד הציון של דף הפרטים מעל 80
  • הקטנת גודל כל התמונות באתר שולחן העבודה עד מתחת ל-500 KB

מדדי תקציב ביצועים

ישנן שלוש נקודות מבט שונות המקובלות לקביעת המדדים של תקציב ביצועים:

מדדים מבוססי מספר

  • מספר גופנים מקסימלי / גודל גופן מקסימלי
  • מספר מקסימלי של תמונות / גודל תמונה מקסימלי
  • מספר מקסימלי של סקריפטים, סגנונות, סרטונים וכו' / גודל מקסימלי של סקריפט, סגנון, סרטון וכו'
  • גודל HTML מקסימלי
  • מספר מקסימלי של בקשות HTTP
  • מספר מרבי של סקריפטים של צד שלישי

 

image-7.png
מקור: https://web.dev/vitals/

 

מדדים מבוססי זמן

  • זמן צבע תוכן ראשון (FCP).
  • הזמן הגדול ביותר של צבע תוכן (LCP).
  • זמן השהיית קלט ראשון (FID).
  • זמן לזמן אינטראקטיבי (TTI).
  • זמן חסימה כולל (TBT).
  • ציון מצטבר ב-Layout Shift (CLS).
  • ציון מדד המהירות

מדדים מבוססי כללים

  • ציון מגדלור
  • ציון GTmetrix
  • ציון מבחן דף אינטרנט
  • ציון איטי
performance-budget-calculator.png
מקור: https://www.performancebudget.io/

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

הערכת סוגי דפים בנפרד

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

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

  • דף הבית
  • דפי רישום סטטיים
  • דפי רישום דינמיים
  • דפי פרטים
  • דפי Checkout
  • דפי תוצאות חיפוש
  • דפי מסע פרסום
  • דפי בלוג

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