יש להימנע משרשור של בקשות קריטיות

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

בדוחות של Lighthouse מוצגות בקשות קריטיות שנטענו בעדיפות גבוהה:

צילום מסך של בדיקת העומק של בקשות קריטיות ב-Lighthouse Lighthouse

איך Lighthouse מזהה שרשראות של בקשות קריטיות

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

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

איך מצמצמים את ההשפעה של שרשראות בקשות קריטיות על הביצועים

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

  • מצמצמים את מספר המשאבים הקריטיים: מסירים אותם, דוחים את ההורדה שלהם, מסמנים אותם כ-async וכן הלאה.
  • לבצע אופטימיזציה של מספר הבייטים הקריטיים כדי לקצר את זמן ההורדה (מספר פעולות הלוך ושוב).
  • לבצע אופטימיזציה של סדר הטעינה של יתר המשאבים הקריטיים: להוריד את כל הנכסים הקריטיים בהקדם האפשרי כדי לקצר את אורך הנתיב הקריטי.

למידע נוסף על אופטימיזציה של תמונות, JavaScript, CSS וגופני אינטרנט.

הנחיות ספציפיות למקבץ

Magento

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

מקורות מידע

קוד מקור לביקורת צמצום העומק של בקשות קריטיות