נתיב עיבוד קריטי
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
אופטימיזציה של נתיב העיבוד הקריטי היא מתן עדיפות להצגת תוכן שקשור לפעולה הנוכחית של המשתמש.
כדי לספק חוויית אינטרנט מהירה, נדרשת עבודה רבה מצד הדפדפן. כמפתחי אתרים, רוב העבודה הזאת מוסתרת מאיתנו: אנחנו כותבים את תגי העיצוב, ואז יוצא על המסך דף יפהפה. אבל איך בדיוק הדפדפן עובר מצריכת ה-HTML, ה-CSS וה-JavaScript שלנו ועד לרינדור של פיקסלים על המסך?
כשמבצעים אופטימיזציה לשיפור הביצועים, המטרה העיקרית היא להבין מה קורה בשלבים הביניים האלה בין קבלת הבייטים של HTML, CSS ו-JavaScript, לבין העיבוד שנדרש כדי להפוך אותם לפיקסלים שעברו עיבוד – כלומר, נתיב העיבוד הקריטי.
אופטימיזציה של נתיב העיבוד הקריטי יכולה לשפר משמעותית את משך הזמן עד לרינדור הראשון של הדפים. בנוסף, הבנת נתיב העיבוד הקריטי היא גם הבסיס לבניית אפליקציות אינטראקטיביות עם ביצועים טובים. תהליך העדכונים האינטראקטיבי זהה, רק שהוא מתבצע בלולאה מתמשכת, ובאופן אידיאלי בקצב של 60 FPS!
אבל לפני כן, סקירה כללית על האופן שבו הדפדפן מציג דף פשוט.
מקורות מידע נוספים
משוב
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון 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)."],[],[]]