เราต้องการช่วยคุณสร้างเว็บไซต์ที่สวยงาม เข้าถึงได้ รวดเร็ว และปลอดภัย ซึ่งทำงานในเบราว์เซอร์ต่างๆ และเพื่อผู้ใช้ทุกคนของคุณ เว็บไซต์นี้คือศูนย์รวมเนื้อหาที่จะช่วยเหลือคุณในเส้นทางดังกล่าว ซึ่งเขียนโดยสมาชิกของทีม Chrome และผู้เชี่ยวชาญภายนอก
เรียนรู้เกี่ยวกับกรณีการใช้งานที่ง่ายขึ้นมากด้วยเทคโนโลยีเว็บที่ล้ำสมัยซึ่งมาพร้อมกับนวัตกรรมใหม่
Back-Forward Cache ช่วย Yahoo! ได้อย่างไร JAPAN News มีรายได้เพิ่มขึ้น 9% ในอุปกรณ์เคลื่อนที่

มีอะไรใหม่

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

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

สำรวจ CSS

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

ประสิทธิภาพ

Core Web Vitals

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

เว็บแอป

PWA

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

การช่วยเหลือพิเศษ

พร้อมใช้งานสำหรับทุกคน

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

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

ผู้ใช้เข้าสู่ระบบและรับการชําระเงิน

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

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

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