- Paint Timing API ช่วยให้คุณวัดเวลาในการวาดภาพครั้งแรกและเวลาในการวาดภาพที่มีเนื้อหาครั้งแรกได้ด้วย Paint Timings AP
font-displayช่วยให้คุณควบคุมวิธีแสดงผลแบบอักษรก่อนที่จะดาวน์โหลดได้- WebAssembly พร้อมใช้งานแล้ว
- และยังมีอีกมากมาย
หากต้องการดูรายการการเปลี่ยนแปลงทั้งหมด ดูรายการการเปลี่ยนแปลงที่เก็บข้อมูลซอร์สโค้ด Chromium
และ Pete LePage จะเป็นผู้ดูแลคุณในวันนี้ มาเจาะลึกกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 60
Paint timings API
เมื่อไปยังหน้าเว็บ ผู้ใช้จะมองหาการแสดงผลภาพเพื่อสร้างความมั่นใจว่าทุกอย่างทำงานได้ ตอนนี้เราวัดค่าดังกล่าวได้แล้วด้วย API ใหม่สำหรับเวลาในการวาดภาพ
API จะแสดงเมตริก 2 รายการ ได้แก่
- เวลาในการวาดภาพครั้งแรก - ซึ่งระบุจุดที่เบราว์เซอร์เริ่มแสดงผลเนื้อหาเล็กน้อยบนหน้าจอ
- เวลาในการแสดงเนื้อหาครั้งแรก - ซึ่งระบุจุดที่เบราว์เซอร์แสดงผลเนื้อหาส่วนแรกจาก DOM, ข้อความ, รูปภาพ ฯลฯ
ดูหัวข้อใช้ประโยชน์จากเมตริกประสิทธิภาพที่ส่งผลต่อประสบการณ์ของผู้ใช้มากที่สุดเพื่อดูวิธีติดตามเมตริกเหล่านี้และใช้เพื่อปรับปรุงประสบการณ์
พร็อพเพอร์ตี้ font-display ของ CSS
เว็บแบบอักษรช่วยให้คุณใช้การจัดรูปแบบตัวอักษรอย่างละเอียดได้ แต่หากผู้ใช้ไม่มีแบบอักษรนั้น ผู้ใช้จะต้องดาวน์โหลดแบบอักษร ซึ่งอาจทำให้เว็บไซต์ของคุณดูช้า
แต่โชคดีที่เบราว์เซอร์ส่วนใหญ่จะใช้แบบสำรองหากการดาวน์โหลดแบบอักษรใช้เวลานานเกินไป พร็อพเพอร์ตี้ font-display ใหม่ช่วยให้คุณควบคุมวิธีแสดงผลแบบอักษรที่ดาวน์โหลดได้ก่อนที่จะโหลดอย่างเต็มรูปแบบ
autoใช้กลยุทธ์การแสดงแบบอักษรใดก็ได้ที่ User Agent ใช้blockกำหนดให้แบบอักษรมีระยะเวลาการบล็อกสั้นๆ และระยะเวลาการแลกเปลี่ยนแบบไม่จำกัดswapกำหนดให้แบบอักษรมีระยะเวลาการบล็อก 0 วินาทีและระยะเวลาการแลกเปลี่ยนแบบไม่จำกัดfallbackทำให้แบบอักษรมีระยะเวลาการบล็อกสั้นมากและระยะเวลาการแลกเปลี่ยนสั้นoptionalทำให้แบบอักษรมีระยะเวลาการบล็อกที่สั้นมากและระยะเวลาการแลกเปลี่ยนเป็น 0 วินาที
ซึ่งรองรับใน Chrome 60 และ Opera และกำลังอยู่ระหว่างการพัฒนาใน Firefox
ดูข้อมูลเพิ่มเติมได้จากหัวข้อการควบคุมประสิทธิภาพแบบอักษรด้วย font-display
WebAssembly
WebAssembly หรือ WASM เป็นวิธีใหม่ในการเรียกใช้โค้ดที่เขียนด้วยภาษาต่างๆ เช่น C และ C++ ในเว็บด้วยความเร็วใกล้เคียงกับเนทีฟ
ซึ่งช่วยให้มีความเร็วที่จำเป็นในการสร้างโปรแกรมตัดต่อวิดีโอในเบราว์เซอร์ หรือเพื่อเรียกใช้เกม Unity ที่อัตราเฟรมสูงโดยใช้ API แพลตฟอร์มเว็บตามมาตรฐานที่มีอยู่
ดูข้อมูลเพิ่มเติมได้ที่ webassembly.org ซึ่งรวมถึงตัวอย่าง เอกสาร และวิธีเริ่มต้นใช้งาน
และอีกมากมาย
- Web Budget API ใหม่ช่วยให้เว็บไซต์ที่มีสิทธิ์ Push Notification ส่งข้อความ Push จํานวนจํากัดที่ทริกเกอร์การทํางานในเบื้องหลัง เช่น การซิงค์ข้อมูลหรือการปิดการแจ้งเตือน โดยไม่ต้องแสดงการแจ้งเตือนที่ผู้ใช้มองเห็น
PushSubscription.expirationTimeพร้อมใช้งานแล้ว โดยจะแจ้งให้เว็บไซต์ทราบเมื่อการสมัครใช้บริการจะหมดอายุหรือไม่- ตอนนี้ระบบรองรับพร็อพเพอร์ตี้ rest และ spread ของออบเจ็กต์แล้ว ซึ่งทำให้ผสานและโคลนออบเจ็กต์แบบผิวเผิน รวมถึงใช้รูปแบบออบเจ็กต์แบบคงที่ต่างๆ ได้ง่ายขึ้น
หมายเหตุ: Payment Request API ได้เผยแพร่ไปยัง Chrome 61 แล้ว
การเปลี่ยนแปลงเหล่านี้เป็นเพียงส่วนหนึ่งใน Chrome 60 สําหรับนักพัฒนาซอฟต์แวร์
จากนั้นติดตามช่อง YouTube แล้วคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่
ผมชื่อ Pete LePage และทันทีที่ Chrome 61 เปิดตัว เราจะมาบอกคุณถึงสิ่งใหม่ๆ ใน Chrome