קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
הכלל הזה מופעל כשמערכת PageSpeed Insights מזהה שנדרשות פעולות הלוך ושוב ברשת כדי לעבד את התוכן בחלק העליון והקבוע של הדף.
סקירה כללית
אם כמות הנתונים הנדרשת חורגת מחלון העומס הראשוני (בדרך כלל 14.6kB דחוסה), יידרשו פעולות הלוך ושוב נוספות בין השרת לדפדפן של המשתמש. אצל משתמשים ברשתות עם זמן אחזור ארוך, כמו רשתות סלולריות, הדבר עלול לגרום לעיכובים משמעותיים בטעינת הדף.
המלצות
כדי שהדפים ייטענו מהר יותר, צריך להגביל את גודל הנתונים (תגי עיצוב של HTML, תמונות, CSS, JavaScript) הדרושים לעיבוד התוכן שבחלק העליון והקבוע של הדף.
אפשר לעשות את זה בכמה דרכים:
צריך לבנות את ה-HTML כדי לטעון קודם את התוכן הקריטי שבחלק העליון והקבוע
צריך לטעון קודם את התוכן הראשי של הדף. בנו את הדף כך שהתגובה הראשונית מהשרת שלכם תשלח את הנתונים הנחוצים כדי לעבד באופן מיידי את החלק הקריטי של הדף, ולדחות את השאר.
כלומר, צריך לפצל את ה-CSS לשני חלקים: חלק בתוך השורה שאחראי על עיצוב החלק העליון של התוכן, והחלק שניתן לדחות.
ריכזנו כאן כמה דוגמאות לדרכים שבהן אפשר לארגן מחדש את האתר כדי שייטען מהר יותר:
אם קוד ה-HTML טוען ווידג'טים של צד שלישי לפני שהתוכן הראשי נטען, קודם צריך לשנות את הסדר כדי לטעון את התוכן הראשי.
אם האתר שלכם כולל עיצוב של שתי עמודות עם סרגל צד לניווט ומאמר, אבל קוד ה-HTML טוען את סרגל הצד לפני הכתבה, מומלץ לטעון את המאמר תחילה.
הפחתת כמות הנתונים שבהם המשאבים משתמשים
אחרי עיצוב האתר מחדש כך שיפעל היטב במכשירים שונים ויטענו קודם את התוכן הקריטי, משתמשים בשיטות הבאות כדי לצמצם את כמות הנתונים הנדרשים לעיבוד הדף:
הקטנת משאבים: אפשר להקטין HTML, CSS ו-JavaScript על ידי הסרת רווחים לבנים והערות. ניתן לבצע אופטימיזציות נוספות באמצעות כלים שמשנים את השמות של שמות המשתנים במשאבים שלכם.
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2025-07-25 (שעון UTC)."],[[["This PageSpeed Insights rule is triggered when additional network round trips are needed to render above-the-fold content."],["To optimize, prioritize loading critical above-the-fold content first by restructuring HTML and reducing resource sizes."],["Reduce data size by minifying resources, using CSS instead of images where possible, and enabling compression."],["This documentation refers to a deprecated version of PageSpeed Insights API; the latest version is 5."]]],["The core issue addressed is the delay in page loading caused by excessive data transfer required to render above-the-fold content. Key actions include structuring HTML to prioritize critical content, loading it first, and deferring non-essential parts. Recommendations involve reducing data size by minifying resources (HTML, CSS, JavaScript), using CSS instead of images when feasible, and enabling compression. The document advises optimizing content loading to avoid additional network round trips and improve page speed.\n"]]
