תאריך פרסום: 31 במרץ 2014
אופטימיזציה של נתיב העיבוד הקריטי: מתן עדיפות להצגה של תוכן שקשור לפעולת המשתמש הנוכחית.
כדי לספק חוויית אינטרנט מהירה, הדפדפן צריך לבצע הרבה עבודה. רוב העבודה הזו מוסתרת מאיתנו כמפתחי אתרים: אנחנו כותבים את תגי העיצוב, נראה כאילו אתם רואים את המסך. אבל איך בדיוק הדפדפן עובר משימוש ב-HTML, ב-CSS וב-JavaScript ליצירת פיקסלים עיבודים במסך?
כדי לבצע אופטימיזציה לשיפור הביצועים, צריך להבין מה קורה בשלבים הביניים האלה בין קבלת הבייטים של ה-HTML, ה-CSS וה-JavaScript לבין העיבוד הנדרש כדי להפוך אותם לפיקסלים שרינדרו – זהו נתיב הרינדור הקריטי.
באמצעות אופטימיזציה של נתיב העיבוד הקריטי, אנחנו יכולים לשפר משמעותית את זמן העיבוד הראשון של הדפים שלנו. בנוסף, הבנת הנושאים נתיב הרינדור משמש גם כבסיס ליצירת ביצועים טובים לאפליקציות אינטראקטיביות. תהליך העדכונים האינטראקטיביים זהה, רק שהוא מתבצע בלולאה רציפה ורצוי בקצב של 60 פריימים לשנייה! אבל קודם, סקירה כללית על האופן שבו הדפדפן מציג דף פשוט.
מקורות מידע נוספים
- בניית מודל האובייקט
- בנייה, פריסה וציור של עצים
- עיבוד של חסימת CSS
- הוספת אינטראקטיביות באמצעות JavaScript
- מדידת נתיב העיבוד הקריטי
- ניתוח הביצועים של נתיב העיבוד הקריטי
- אופטימיזציה של נתיב העיבוד הקריטי
- כללים והמלצות של PageSpeed