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

สำรวจแพลตฟอร์มเว็บ

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

เรียนรู้แพลตฟอร์มเว็บ

เริ่มเรียนรู้
หากเพิ่งเคยใช้แพลตฟอร์มเว็บ เราพร้อมดูแลคุณ เจาะลึกแต่ละเลเยอร์ด้วยหลักสูตรที่คัดสรรมาสำหรับผู้เริ่มต้นใช้ HTML, CSS และ JavaScript โดยเฉพาะ
หลักสูตร
ภาพรวมของ HTML สำหรับนักพัฒนาซอฟต์แวร์ ตั้งแต่ HTML มือใหม่ไปจนถึงระดับผู้เชี่ยวชาญ
เริ่มหลักสูตร
หลักสูตร
คู่มือสำหรับ CSS ที่มีโมดูลที่ครอบคลุมทุกอย่างตั้งแต่การช่วยเหลือพิเศษไปจนถึงดัชนี z
เริ่มหลักสูตร
หลักสูตร
หลักสูตรเชิงลึกเกี่ยวกับพื้นฐานของ JavaScript
เริ่มหลักสูตร
อ่านบล็อกของเราเพื่อดูข่าวสารล่าสุดในการพัฒนาเว็บ ซึ่งรวมถึงฟีเจอร์ใหม่ของแพลตฟอร์มเว็บ ข้อมูลอัปเดตเกี่ยวกับ Baseline, AI, Core Web Vitals และอื่นๆ
อ่านบล็อก

เกณฑ์พื้นฐาน

ติดตามข้อมูลอัปเดตและข่าวสารล่าสุดเกี่ยวกับ Baseline
ข้อมูลเพิ่มเติมเกี่ยวกับ Baseline
อ่านข้อมูลเกี่ยวกับเหตุการณ์ต่างๆ ที่เกิดขึ้นกับ Baseline ในช่วงเดือนมีนาคม 2026
อ่านเกี่ยวกับเหตุการณ์ต่างๆ ที่เกิดขึ้นกับ Baseline ในช่วงเดือนกุมภาพันธ์ 2026
อ่านเกี่ยวกับเหตุการณ์ต่างๆ ที่เกิดขึ้นกับ Baseline ในช่วงเดือนมกราคม 2026
อ่านเกี่ยวกับเหตุการณ์ต่างๆ ที่เกิดขึ้นกับ Baseline ในช่วงเดือนธันวาคม 2025

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

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

Core Web Vitals

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

Progressive Web App

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

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

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

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

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

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

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