יש להימנע ממטענים ייעודיים (payload) עצומים ברשת

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

איך נכשלת הבדיקה של המטען הייעודי (payload) של רשת Lighthouse

Lighthouse מציג את הגודל הכולל ב-kibibyte (KiB) של כל המשאבים שנדרשים על ידי הדף שלכם. הבקשות הגדולות ביותר מוצגות ראשונות:

צילום מסך של Lighthouse – הימנעות מבדיקה של מטענים ייעודיים ענקיים (payloads) ברשת

על סמך נתוני ארכיון HTTP, המטען הייעודי (payload) של הרשת הוא בין 1,700 ל-1,900KiB. כדי לאתר את מטעני ה-payload הגבוהים ביותר, Lighthouse מסמן דפים שמספר הבקשות הכולל שלהם מהרשת גדול מ-5,000KiB.

איך להקטין את המטען הייעודי (payload)

מומלץ לשמור על גודל כולל של פחות מ-1,600KiB. היעד הזה מבוסס על כמות הנתונים שניתן להוריד באופן תיאורטי באמצעות חיבור 3G, ועדיין להגיע לזמן עד לפעילות מלאה של 10 שניות או פחות.

יש כמה דרכים לשמור על גודל מטען ייעודי (payload):

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

Angular

השתמשו בפיצול קוד ברמת הנתיב כדי לצמצם את הגודל של חבילות JavaScript. בנוסף, כדאי לשקול העברה מראש של נכסים למטמון בעזרת קובץ השירות (service worker) של Angular.

Drupal

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

ג'ומלה

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

WordPress

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

משאבים

קוד המקור לביקורת הימנעות ממטענים ייעודיים (payload) ענקיים ברשת