ข้อมูลอัปเดต 10 ประการจาก Google I/O 2024: ปลดล็อกศักยภาพของ AI สำหรับนักพัฒนาเว็บทุกราย

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

1. การผสานรวมกับ Gemini Nano ใน Chrome บนเดสก์ท็อปเพื่อมอบฟีเจอร์ AI ใหม่ๆ ในอุปกรณ์

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

ช่วยเรากำหนดอนาคตของเว็บโดยการสมัครโปรแกรมทดลองใช้ก่อนเปิดตัว

2. WebAssembly และ WebGPU เปิดใช้ AI ในอุปกรณ์ ไม่ว่าคุณจะใช้โมเดล AI ใดก็ตาม

เราทุ่มเทอย่างมากเพื่อให้โมเดล AI ทำงานได้อย่างรวดเร็วและมีประสิทธิภาพโดยใช้ WebGPU และ Wasm ซึ่งเป็นเทคโนโลยีหลักที่ช่วยให้ AI ในอุปกรณ์ใช้งานได้บนเว็บ การปรับปรุงใหม่ เช่น ค่าทศนิยม 16 บิตใน WebGPU และ Memory64 และ JavaScript Promise Integration ใน Wasm จะช่วยให้ AI ทำงานได้เร็วยิ่งขึ้น เมื่อใช้ Waasm และ WebGPU ไลบรารี AI จะเรียกใช้โมเดลในวงกว้างบนฮาร์ดแวร์ที่หลากหลายได้

3. เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ที่ทำงานด้วยระบบ AI จะช่วยปรับปรุงกระบวนการแก้ไขข้อบกพร่อง

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

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

4. Speculation Rules API

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

ตัวอย่างของ Tokopedia: ผลจากการแสดงผลล่วงหน้าที่ทำให้โหลดได้เร็วขึ้นมาก แม้ในกรณีที่การเชื่อมต่อช้า

5. ดูการเปลี่ยนสำหรับเว็บไซต์ที่มีหลายหน้า

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

6. แดชบอร์ด Web Platform สำหรับมุมมองแบบรวมในเบราว์เซอร์ต่างๆ

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

7. เครื่องมือพื้นฐานที่อยู่ในเวิร์กโฟลว์ของคุณ

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

8. การเติมน้ำบางส่วนใน Angular ทำให้ประสิทธิภาพดีขึ้น

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

9. ฟีเจอร์การปรับแสงแบบละเอียดของ Anchor พร้อม Signals พร้อมใช้งานได้ทันที

เราต้องการให้คุณควบคุมการตรวจจับและการจัดการ การเปลี่ยนแปลงที่ละเอียดยิ่งขึ้นในแอป Enter: แสดงรีแอ็กชันแบบละเอียดด้วย Signals Angular มี API เชิงรับชุดใหม่ที่ช่วยเสริมศักยภาพให้นักพัฒนาซอฟต์แวร์ได้รับประสบการณ์การใช้งาน Signals นอกจากนี้ Signals ยังเปิดใช้การตรวจจับการเปลี่ยนแปลงแบบละเอียดที่จะตรวจสอบคอมโพเนนต์ต้นไม้เพียงส่วนเล็กๆ เพื่อเผยแพร่การเปลี่ยนแปลงสถานะ คุณจึงไม่ต้องเพิ่มประสิทธิภาพ UI ด้วยตนเองอีกต่อไป

API เชิงรับที่อิงตามสัญญาณพร้อมให้บริการแล้ววันนี้ การตรวจหาการเปลี่ยนแปลงแบบละเอียดจะพร้อมให้บริการภายในปีนี้

10. สร้างประสบการณ์สมจริง 3 มิติใน Maps JavaScript API

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

เราจะตั้งตารอดูประสบการณ์ที่น่าทึ่งและสมจริงที่คุณได้สร้างขึ้น ดูข้อมูลเพิ่มเติม


ในทุกๆ วัน คุณกำลังก้าวข้ามความซับซ้อนของการพัฒนา ทลายข้อจำกัดของสิ่งที่เป็นไปได้ เรายินดีอย่างยิ่งที่จะช่วยคุณสร้างประสบการณ์ใหม่ๆ ให้พวกเราทุกคนได้เพลิดเพลิน ไปที่ developer.chrome.com และ web.dev เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับเว็บที่มีประสิทธิภาพและง่ายกว่าเดิม อย่าลืมติดต่อเราทาง X, YouTube และ LinkedIn

แล้วพบกันที่ I/O ครั้งถัดไป