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

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

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

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

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

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

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

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