การสร้างเว็บที่ดียิ่งขึ้นร่วมกัน

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

ดูว่าเทคโนโลยีเว็บสมัยใหม่ช่วยให้คุณประสบความสำเร็จได้อย่างไร

เรียนรู้เกี่ยวกับกรณีการใช้งานที่ง่ายขึ้นมากด้วยเทคโนโลยีเว็บที่ล้ำสมัยซึ่งมาพร้อมกับนวัตกรรมใหม่
เริ่มต้น

กรณีศึกษา

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

เว็บแอป

PWA

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

รูปแบบใหม่สำหรับแอปสุดเจ๋ง

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

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

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

ดูวิธีทำให้ผู้ใช้ทุกคนเข้าถึงเว็บไซต์ได้
ข้อมูลเพิ่มเติมเกี่ยวกับการช่วยเหลือพิเศษ

เรียนรู้เกี่ยวกับการช่วยเหลือพิเศษ

หลักสูตรใหม่ของเราเป็นจุดเริ่มต้นที่ดีและแหล่งอ้างอิงสำหรับหัวข้อเกี่ยวกับการช่วยเหลือพิเศษ

กำลังทดสอบคอนทราสต์ของสีของการออกแบบเว็บ

ภาพรวมของเครื่องมือและเทคนิค 3 รายการสำหรับการทดสอบและยืนยันคอนทราสต์ของสีที่เข้าถึงได้ในการออกแบบ

การสร้างการนําทางหลักสําหรับเว็บไซต์

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

ไฮไลต์ของชุมชน - Elisa Bandy

Elisa Bandy เป็น Googler ที่ทำงานด้านการช่วยเหลือพิเศษและจัดทำเอกสารสำหรับเครื่องมือภายในของเรา

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

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

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

สร้างพาสคีย์สำหรับการเข้าสู่ระบบแบบไม่ต้องใช้รหัสผ่าน

พาสคีย์ช่วยให้บัญชีผู้ใช้ปลอดภัยขึ้น ใช้งานง่ายขึ้น

ลงชื่อเข้าใช้ด้วยพาสคีย์

สร้างประสบการณ์การลงชื่อเข้าใช้ที่ใช้พาสคีย์โดยที่ยังรองรับผู้ใช้รหัสผ่านเดิมได้

ภาพรวมการชำระเงินผ่านเว็บ

ดูข้อมูลเพิ่มเติมเกี่ยวกับการชำระเงินบนเว็บและวิธีการทำงานของการชำระเงิน

แนวทางปฏิบัติแนะนำเกี่ยวกับแบบฟอร์มการชำระเงินและที่อยู่

เพิ่มจำนวน Conversion สูงสุดโดยการช่วยให้ผู้ใช้กรอกที่อยู่และรูปแบบการชำระเงินได้อย่างรวดเร็วและง่ายดายที่สุด

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

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