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

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

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

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

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

‫Lighthouse משתמש בעדיפות ברשת כפרוקסי כדי לזהות משאבים קריטיים שחוסמים את העיבוד. מידע נוסף על האופן שבו Chrome מגדיר את העדיפויות האלה זמין במאמר Chrome Resource Priorities and Scheduling (תזמון ועדיפויות של משאבים ב-Chrome) של Google.

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

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

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

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

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

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

Magento

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

משאבים

קוד מקור לביקורת Minimize critical request depth