- באמצעות Paint Timing API תוכלו למדוד את הזמן עד להצגת התוכן הראשוני ואת הזמן עד להצגת תוכן ראשוני (FCP) באמצעות Paint Timings AP.
- באמצעות
font-display
אפשר לשלוט באופן העיבוד של הגופנים לפני ההורדה. - WebAssembly נחתה
- ויש עוד עוד המון!
רוצה לקבל את רשימת השינויים המלאה? עיינו ברשימת השינויים במאגרי המקורות של Chromium
שמי Pete LePage. בואו נראה מה חדש למפתחים ב-Chrome 60.
ממשק API לתזמוני צבע
כשמשתמש מנווט לדף אינטרנט, הוא מחפש משוב חזותי כדי לוודא שהכול עובד. עכשיו אפשר למדוד זאת בעזרת ה-API החדש לתזמוני הצגת צבעים.
ה-API חושף שני מדדים:
- זמן לציור בפעם הראשונה - הנקודה שבה הדפדפן מתחיל לעבד משהו, הקטע הראשון של התוכן במסך.
- זמן עד להצגת תוכן ראשוני (FCP) – הנקודה שבה הדפדפן מעבד את קטע התוכן הראשון מה-DOM, הטקסט, התמונה וכו'.
מומלץ לקרוא את המאמר שימוש במדדי הביצועים המשפיעים ביותר על חוויית המשתמש כדי ללמוד איך לעקוב אחר המדדים האלה ולהשתמש בהם לשיפור החוויה.
נכס CSS font-display
Web Fonts מאפשרים לכם לשלב טיפוגרפיה עשירה. עם זאת, אם למשתמש אין עדיין את הגופן, הוא צריך להוריד אותו, מה שעלול לגרום לאתר להיראות איטי.
למרבה המזל, רוב הדפדפנים ישתמשו בחלופה אם הורדת הגופן נמשכת זמן רב מדי. המאפיין font-display
החדש מאפשר לקבוע איך גופן להורדה יעובד לפני שהוא ייטען במלואו.
- ב-
auto
נעשה שימוש בשיטת התצוגה של גופנים שנבחרה על ידי סוכן המשתמש. block
מסמן לגופן זמן קצר ותקופת החלפה אינסופית.swap
מסמן לפני הגופן פרק זמן של אפס שניות ותקופת החלפה אינסופית.- ב-
fallback
יש מרווח זמן קצר במיוחד לבלוקים ותקופת החלפה קצרה. - ב-
optional
יש מרווח זמן קצר במיוחד לבלוקים ותקופת החלפה של אפס שניות.
יש תמיכה ב-Chrome 60 וב-Opera, והוא נמצא בפיתוח ב-Firefox.
מידע נוסף זמין במאמר שליטה בביצועי הגופן באמצעות font-display
.
WebAssembly
הכלי Web Assembly או Wasm מספקים דרך חדשה להריץ קוד, שכתוב בשפות כמו C ו-C++ באינטרנט, במהירות כמעט טבעית.
היא מספקת את המהירות הנדרשת ליצירה של עורך סרטונים בדפדפן או להרצה של משחק Unity בקצב פריימים גבוה, תוך שימוש בממשקי API קיימים לפלטפורמות אינטרנט מבוססות תקנים.
מידע נוסף זמין בכתובת webassembly.org, כולל הדגמות, מסמכים והוראות לתחילת העבודה.
ועוד!
- ה-Web Budget API מאפשר לאתרים עם ההרשאה Push Notification לשלוח מספר מוגבל של הודעות Push המפעילות פעולות ברקע כמו סנכרון נתונים או סגירת הודעות, ללא צורך להציג הודעה המוצגת למשתמש.
PushSubscription.expirationTime
זמין עכשיו, כדי להודיע לאתרים אם ומתי תוקף המינוי יפוג.- עכשיו יש תמיכה במאפיינים של מנוחה ופיזור של אובייקט, כך שקל יותר למזג אובייקטים ושיבוט רדוד ולהטמיע תבניות אובייקטים שונות שלא ניתנות לשינוי.
הערה: ה-Payment Request API הועבר ל-Chrome 61.
אלה רק כמה מהשינויים שב-Chrome 60 למפתחים.
לאחר מכן תוכלו להירשם לערוץ YouTube שלנו, ותקבלו התראה באימייל בכל פעם שנשיק סרטון חדש.
אני פיט לה פייג', וברגע ש- Chrome 61 יושק, אהיה כאן כדי לספר לכם מה חדש ב-Chrome!