งาน Google I/O 2022: งานได้จบลงไปแล้ว

สรุปข้อมูลประกาศจาก Google I/O ในปีนี้

ในงาน Google IO 2022 เราได้แชร์ข้อมูลอัปเดตเกี่ยวกับความคืบหน้าของเราเพื่อช่วยสร้างเว็บที่ทันใจและเชื่อมต่อกับผู้คนได้ไม่ว่าจะใช้อุปกรณ์หรือแบนด์วิดท์ แพลตฟอร์มอันทรงพลังที่มอบประสบการณ์การใช้งานที่เราไม่เคยคิดว่าเป็นไปได้ในเบราว์เซอร์ และเป็นงานที่ผู้คนวางใจได้ว่าจะรักษาข้อมูลของตนให้ปลอดภัย นี่คือสรุปว่าเราช่วยให้คุณสร้างประสบการณ์ที่ผู้คนชื่นชอบได้ง่ายๆ

เว็บทันใจ

ประสิทธิภาพเว็บที่ยอดเยี่ยมเป็นความร่วมมือระหว่างเบราว์เซอร์และนักพัฒนาเว็บ เราจึงช่วยให้คุณวัดประสิทธิภาพของเว็บไซต์ได้ง่ายๆ ด้วย Core Web Vitals ทั้ง 3 อย่าง การเพิ่มประสิทธิภาพ Vitals ช่วยให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดีขึ้นและการค้นพบได้ที่ดีขึ้นผ่าน Google Search อย่าลืมดูเซสชัน Core Web Vitals ในชีวิตจริงของเราเพื่อดูวิธีที่เว็บไซต์ทั่วโลกเพิ่มประสิทธิภาพคะแนนเพื่อมอบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น

Largest Contentful Paint (LCP) เป็นเมตริกสำคัญที่เน้นผู้ใช้เป็นหลักสำหรับการวัดความเร็วในการโหลดที่รับรู้ได้ LCP ที่รวดเร็วช่วยให้ผู้ใช้มั่นใจได้ว่าหน้าเว็บมีประโยชน์ เนื่องจากหน้าเว็บจะทำเครื่องหมายจุดในไทม์ไลน์การโหลดหน้าเว็บเมื่อเนื้อหาหลักโหลดแล้ว หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับเมตริกที่ซับซ้อนนี้ โปรดดูเซสชันเจาะลึกเกี่ยวกับการเพิ่มประสิทธิภาพ LCP

ภาพนิ่งจากการพูดคุยกับผู้พูดที่แชร์ค่า LCP ที่ 52.7%

เมตริกประสิทธิภาพใหม่อีกอย่างคือสิ่งที่เราเรียกว่า การโต้ตอบกับ Next Paint (INP) ซึ่งแตกต่างจาก First Input Delay โดยจะพิจารณาจากการโต้ตอบแรกทั้งหมด แต่จะเป็นการโต้ตอบทั้งหมดในหน้าเว็บ INP สามารถจับเวลาในการตอบสนองของการโต้ตอบได้ดีกว่าตามที่ผู้ใช้พบ ดูข้อมูลเพิ่มเติมได้โดยดูที่เซสชันสถานะของการตอบสนองบนเว็บ หากต้องการความช่วยเหลือเกี่ยวกับเส้นทางด้านประสิทธิภาพ โปรดดูแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome รวมถึงข้อมูลอัปเดตอื่นๆ อีกมากมายโดยอิงจากความคิดเห็นของคุณ

ความสามารถอันทรงพลัง

นับตั้งแต่ I/O ครั้งล่าสุด API ใหม่ๆ หลายชุดได้ย้ายไปยัง Chrome เวอร์ชันเสถียรแล้ว สิ่งเหล่านี้ช่วยปลดล็อกประสบการณ์บนเว็บแบบใหม่ที่มีประสิทธิภาพให้ผู้ใช้ได้ ตัวอย่างหนึ่งที่ผมชอบคือวิธีที่ Adobe นำ Creative Cloud มาสู่เว็บ ซึ่งเริ่มจาก Photoshop และ Illustrator

นอกจากนี้ เรายังพยายามขยายวิธีการที่เว็บไซต์สามารถผสานรวมกับระบบปฏิบัติการและฮาร์ดแวร์ที่ใช้งานอยู่อย่างต่อเนื่อง ขณะนี้แอปขั้นสูงสามารถทำงานร่วมกับระบบปฏิบัติการได้อย่างราบรื่น เพื่อให้ผู้ใช้สามารถค้นหาแอปบนเดสก์ท็อปหรือหน้าจอหลัก หรือเข้าถึงไฟล์ได้ง่ายๆ นอกจากนี้เรายังปรับปรุงความสามารถในการติดตั้งอย่างต่อเนื่อง ดังนั้นโปรดดูวิธีทำให้ประสบการณ์การติดตั้งสมบูรณ์ยิ่งขึ้น

ภาพนิ่งจากการพูดคุยกับผู้พูดที่แสดงตัวอย่าง UI การติดตั้งที่สมบูรณ์ยิ่งขึ้น

ปลอดภัย มั่นใจได้

นวัตกรรมของ Chrome ขยายไปสู่งานของเราเกี่ยวกับความเป็นส่วนตัวและความปลอดภัยของผู้ใช้ เราจึงใช้แนวทางที่ต่างออกไปโดยให้แนวทางแก่นักพัฒนาแอปในการรักษาฟังก์ชันการทำงานไว้พร้อมกับรักษาผู้ใช้ให้ปลอดภัย นี่คือวิสัยทัศน์ Privacy Sandbox ของเรา ดูข้อมูลเพิ่มเติมเกี่ยวกับความคืบหน้าที่เราได้ดำเนินการเพื่อเลิกใช้คุกกี้ของบุคคลที่สามและสร้าง API ใหม่โดยไม่มีการติดตามข้ามเว็บไซต์ เรามีช่วงทดลองใช้จากต้นทางใหม่จำนวนหนึ่งที่คุณเข้าร่วมได้ในวันนี้ ซึ่งจะช่วยให้คุณรักษาฟังก์ชันการทำงานของเว็บและปกป้องความเป็นส่วนตัวของผู้ใช้ไว้ได้

ภาพนิ่งจากทอล์กโชว์ซึ่งแสดงรหัสชุดคุกกี้พร้อมกับผู้พูด

เราต้องการวิธีการตรวจสอบสิทธิ์ที่ดีกว่าเดิมเพื่อทำให้ผู้ใช้ปลอดภัยจากฟิชชิง เราจะลดความยุ่งยากในการลงชื่อเข้าใช้และรหัสผ่านด้วยพาสคีย์ ซึ่งคุณจะดูข้อมูลเพิ่มเติมได้ในเซสชันเส้นทางสู่โลกที่ไม่ต้องใช้รหัสผ่านของเรา

สวยและน่ารื่นรมย์

ในปีที่ผ่านมานี้มีการปรับปรุงอย่างมากในเบราว์เซอร์ CSS ทั้งหมดและเลย์เอาต์พื้นฐาน สำหรับ Chrome นั้น RenderingNG ทำให้สามารถแสดงฟีเจอร์ต่างๆ มากมาย ซึ่งเป็นสิ่งที่นักพัฒนาซอฟต์แวร์คาดหวังมานานแล้ว ดูสถานะของ CSS และสำรวจ API การจัดรูปแบบใหม่ๆ ที่พร้อมใช้งานทั้งในปัจจุบันและอนาคต ได้แก่ การค้นหาคอนเทนเนอร์ ตารางย่อย ฟังก์ชันสี หรือดูข้อมูลเกี่ยวกับการเปลี่ยนองค์ประกอบที่ใช้ร่วมกันเพื่อดูว่าเราทำงานอย่างไรเพื่อให้การเปลี่ยนหน้าเป็นไปอย่างราบรื่น

ภาพนิ่งจากการพูดคุยที่มีผู้พูดและสไลด์แสดงพร็อพเพอร์ตี้สีเฉพาะจุดของ CSS

ทำให้การพัฒนาเว็บง่ายขึ้น

เราแชร์นวัตกรรมของเราผ่าน Chromium ซึ่งเป็นโครงการเบราว์เซอร์แบบโอเพนซอร์สที่นำเว็บไปยังแอป Android, ทีวี และชุดหูฟัง VR อีกทั้งยังเป็นกลไกขับเคลื่อนเบราว์เซอร์อื่นๆ

โปรดทราบว่าสิ่งที่คุณให้ความสำคัญคือการสร้างฟีเจอร์ที่ทำงานได้ในหลายเบราว์เซอร์ ดูว่าเราและเบราว์เซอร์อื่นๆ ทำงานร่วมกันอย่างไรเพื่อให้การพัฒนาเว็บเป็นเรื่องง่ายขึ้น โดยการตรวจสอบว่าฟีเจอร์ต่างๆ ทำงานร่วมกันได้หรือไม่ เพื่อที่คุณจะได้มุ่งเน้นไปที่การสร้างประสบการณ์เว็บที่สมบูรณ์สำหรับผู้ใช้

สุดท้ายนี้ อย่าลืมดูคีย์โน้ตมีอะไรใหม่สำหรับแพลตฟอร์มเว็บ ซึ่งเราจะแนะนำฟีเจอร์แพลตฟอร์มเว็บล่าสุดและความพร้อมใช้งานของฟีเจอร์ดังกล่าวในเบราว์เซอร์ต่างๆ เพื่อให้คุณทราบว่าเมื่อใดที่คุณสามารถใช้ฟีเจอร์เหล่านั้นในเว็บไซต์และแอป

ภาพนิ่งจากการบรรยายของแพลตฟอร์ม "มีอะไรใหม่"