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

มีอะไรใหม่

ในงาน Google I/O 2023 เราได้ประกาศเรื่องเกณฑ์พื้นฐาน ดูข้อมูลเพิ่มเติมเกี่ยวกับโครงการริเริ่มนี้และเหตุผลที่เราคิดว่าแนวคิดดังกล่าวสำคัญ
สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนมกราคม 2024
ติดตาม Una Kravets และ Adam Argyle ผู้ประสานงานนักพัฒนาซอฟต์แวร์จาก Google ที่เจาะลึกแง่มุมที่ซับซ้อนจาก CSS ออกเป็นตอนที่ดูไม่ง่ายของพอดแคสต์นี้

การออกแบบ CSS และ UI

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

Core Web Vitals

สร้างเว็บไซต์และแอปที่เร็วขึ้นโดยทำความเข้าใจ Core Web Vitals และเมตริกอื่นๆ
การโต้ตอบกับ Next Paint จะกลายเป็น Core Web Vitals อย่างเป็นทางการและจะแทนที่ First Input Delay ในวันที่ 12 มีนาคม
ดูวิธีเพิ่มประสิทธิภาพเมตริก การโต้ตอบกับ Next Paint
คอลเล็กชันแนวทางปฏิบัติแนะนําสําหรับการเพิ่มประสิทธิภาพ Core Web Vitals ของเว็บไซต์ตามสถานะของเว็บในปี 2023
ตอนนี้ส่วนขยาย Web Vitals จะแสดงข้อมูลการแก้ไขข้อบกพร่องเพิ่มเติมเพื่อช่วยให้คุณระบุสาเหตุหลักของปัญหา Core Web Vitals

Progressive Web App

สร้างประสบการณ์การใช้งานเว็บที่มีประสิทธิภาพ
หลักสูตรที่แจกแจงทุกแง่มุมของการพัฒนา Progressive Web App ที่ทันสมัย
ตอนนี้การสตรีมเปลี่ยนรูปแบบได้รับการสนับสนุนใน Safari, Firefox และ Chrome แล้ว ในที่สุดสตรีมดังกล่าวก็พร้อมเผยแพร่ในวงกว้าง
สำรวจคอลเล็กชันรูปแบบใหม่อันน่าทึ่งสำหรับแอปที่น่าทึ่ง รวมถึงรูปแบบคลิปบอร์ด รูปแบบไฟล์ และรูปแบบแอปขั้นสูง
สำรวจ API ความสามารถต่างๆ ในเว็บไซต์นักพัฒนาซอฟต์แวร์ Chrome

เข้าถึงได้สำหรับทุกคน

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

การชำระเงินและข้อมูลระบุตัวตน

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

จดหมายข่าวนักพัฒนาซอฟต์แวร์

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