אופטימיזציה של נתיב העיבוד הקריטי
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
כדי לקצר ככל האפשר את משך הזמן הנדרש לעיבוד הראשון, אנחנו צריכים לצמצם לשלושה משתנים:
- מספר המשאבים הקריטיים.
- אורך הנתיב הקריטי.
- מספר הבייטים הקריטיים.
משאב קריטי הוא משאב שעלול לחסום את העיבוד הראשוני של הדף. ככל שיהיו פחות משאבים כאלה, כך יהיה פחות צורך בעבודה של הדפדפן, המעבד (CPU) ומשאבים אחרים.
באופן דומה, אורך הנתיב הקריטי הוא פונקציה של תרשים התלות בין המשאבים הקריטיים לבין גודל הבייטים שלהם: חלק מההורדות של המשאבים יכולות להתחיל רק לאחר עיבוד של משאב קודם. ככל שהמשאב גדול יותר, כך יידרשו יותר פעולות הלוך ושוב להורדה.
לבסוף, ככל שהדפדפן צריך להוריד פחות בייטים קריטיים, כך הוא יוכל לעבד את התוכן ולהציג אותו במסך מהר יותר. כדי להפחית את מספר הבייטים, אפשר לצמצם את מספר המשאבים (להסיר אותם או להגדיר אותם כלא קריטיים) כדי להקטין את גודל ההעברה על ידי דחיסה ואופטימיזציה של כל אחד מהמשאבים.
רצף השלבים הכללי לביצוע אופטימיזציה של נתיב העיבוד הקריטי הוא:
- ניתוח ומאפיין של הנתיב הקריטי: מספר המשאבים, הבייטים, האורך.
- לצמצם את מספר המשאבים הקריטיים: להסיר אותם, לדחות את ההורדה שלהם, לסמן אותם כאסינכרוניים וכן הלאה.
- לבצע אופטימיזציה של מספר הבייטים הקריטיים כדי לקצר את זמן ההורדה (מספר הבייטים הלוך ושוב).
- לבצע אופטימיזציה של סדר הטעינה של שאר המשאבים הקריטיים: להוריד את כל הנכסים הקריטיים בהקדם האפשרי כדי לקצר את אורך הנתיב הקריטי.
משוב
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2014-03-31 (שעון UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2014-03-31 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","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"]],["עדכון אחרון: 2014-03-31 (שעון UTC)."],[],[]]