פריסה ועיבוד של 60fps

התאמת 60 פריימים לשנייה בפרויקטים קשורה ישירות לאינטראקציה של משתמשים, והיא קריטית להצלחה שלה. בשיחה הזו, נט וטום דיברו על צינור העיבוד של Chrome, כמה סיבות נפוצות למסגרות שהוצבו ואיך להימנע מהן.

שקפים

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