ดูข้อมูลเกี่ยวกับแดชบอร์ดแพลตฟอร์มเว็บและวิธีค้นหา HTTP API ของแดชบอร์ดเพื่อรับข้อมูลเกี่ยวกับฟีเจอร์ที่ถึงเกณฑ์พื้นฐานเพื่อสร้างเครื่องมือสำหรับเวิร์กโฟลว์การพัฒนา

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

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

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

• เกณฑ์พื้นฐาน 2025
• บล็อก

ตอนนี้ ruby-align เป็นส่วนหนึ่งของ Baseline แล้ว

• เกณฑ์พื้นฐาน 2024
• บล็อก
• HTML

เผยแพร่: 20 กุมภาพันธ์ 2025 การดาวน์โหลดโมเดล AI ขนาดใหญ่อย่างน่าเชื่อถือเป็นงานที่ท้าทาย หากผู้ใช้ขาดการเชื่อมต่ออินเทอร์เน็ตหรือปิดเว็บไซต์หรือเว็บแอปพลิเคชัน

• AI และแมชชีนเลิร์นนิง
• JavaScript

ดูข้อมูลเกี่ยวกับคำแนะนำทรัพยากร rel=prefetch และวิธีการใช้งาน

• HTML
• JavaScript

ดูวิธีระบุและแก้ไขการเปลี่ยนเลย์เอาต์

• JavaScript

Cumulative Layout Shift (CLS) คือเมตริกที่วัดความถี่ที่ผู้ใช้พบว่าเนื้อหาของหน้ามีการเปลี่ยนแปลงอย่างกะทันหัน ในคู่มือนี้เราจะพูดถึงการเพิ่มประสิทธิภาพสาเหตุที่พบบ่อยของ CLS เช่น รูปภาพและ iframe ที่ไม่มีขนาดหรือเนื้อหาแบบไดนามิก

• HTML
• CSS

scrollbar-color และ scrollbar-gutter ของ CSS พร้อมใช้งานในเครื่องมือเบราว์เซอร์หลักทั้งหมดแล้ว จึงถือเป็น Baseline ใหม่

• เกณฑ์พื้นฐาน 2024
• บล็อก
• CSS

ฉบับแรกนี้ของสรุปรายเดือนของ Baseline จะครอบคลุมเหตุการณ์ที่เกิดขึ้นใน Baseline ทั้งของ Google และชุมชนนักพัฒนาเว็บในเดือนมกราคม 2025

• เกณฑ์พื้นฐาน 2025
• บล็อก

ฟีเจอร์ WasmFS และ mimalloc ใน Emscripten ช่วยได้มากในเรื่องการจัดสรรและประสิทธิภาพ I/O คู่มือนี้แสดงให้เห็นว่าฟีเจอร์เหล่านี้ช่วยเพิ่มความเร็วได้ 10 เท่าหรือมากกว่านั้นในบางกรณี

ตอนนี้การเก็บขยะ WebAssembly และการเพิ่มประสิทธิภาพการเรียกใช้ส่วนท้ายของ Wasm พร้อมใช้งานในเครื่องมือเบราว์เซอร์หลักทั้งหมดแล้ว ทำให้เครื่องมือเหล่านี้พร้อมใช้งานเป็นเบย์สไลน์ใหม่

• เกณฑ์พื้นฐาน 2025
• บล็อก
• C

โพสต์นี้จะแนะนำเมตริก Largest Contentful Paint (LCP) และอธิบายวิธีวัดผล

• JavaScript

ตอนนี้ Promise.try พร้อมใช้งานในเครื่องมือเบราว์เซอร์หลักทั้งหมดแล้ว จึงถือเป็น Baseline ใหม่

• เกณฑ์พื้นฐาน 2025
• บล็อก
• JavaScript

คำอธิบายอย่างย่อ

• JavaScript

เผยแพร่เมื่อวันที่ 13 มกราคม 2024 บทความนี้เป็นบทความแรกในชุดบทความ 3 บทความเกี่ยวกับ LLM และแชทบ็อต ส่วนที่ 2 เกี่ยวกับ การสร้างแชทบ็อตด้วย WebLLM และส่วนที่ 3 เกี่ยวกับ การใช้ Prompt API มีให้รับชมแล้ว โมเดลภาษาขนาดใหญ่ (LLM)

• AI และแมชชีนเลิร์นนิง

เผยแพร่เมื่อวันที่ 13 มกราคม 2024 คุณสามารถสร้างโปรเจ็กต์ที่น่าทึ่งได้มากมายด้วย AI ซึ่งมีทั้งโมเดลแมชชีนเลิร์นนิงแบบคลาสสิกและโมเดลภาษาขนาดใหญ่ (LLM) รุ่นใหม่ LLM ช่วยให้คอมพิวเตอร์สร้างเนื้อหาใหม่ เขียนสรุป วิเคราะห์ข้อความเพื่อหาความรู้สึก

• AI และแมชชีนเลิร์นนิง
• บล็อก

คุณได้รับการแจ้งเตือนว่า "ไม่'บล็อกชุดข้อความหลัก" และ"แยกงานที่ใช้เวลานาน" แล้วการทำสิ่งเหล่านั้นหมายความว่าอย่างไร

• JavaScript

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

• JavaScript

การมาสก์ CSS ให้ตัวเลือกในการใช้รูปภาพเป็นเลเยอร์มาสก์ ซึ่งหมายความว่าคุณจะใช้รูปภาพ, SVG หรือการไล่ระดับสีเป็นมาสก์เพื่อสร้างเอฟเฟกต์ที่น่าสนใจได้โดยไม่ต้องใช้โปรแกรมตกแต่งรูปภาพ

• CSS

ชุดข้อมูล Web-Features, แดชบอร์ดสถานะแพลตฟอร์มเว็บ, วิดเจ็ตสถานะพื้นฐาน และอื่นๆ ย้อนดูเกณฑ์พื้นฐานในปี 2024

• บล็อก

โพสต์นี้จะอธิบายการโหลดแบบ Lazy Loading และตัวเลือกในการโหลดวิดีโอแบบ Lazy Loading

• JavaScript
• HTML

การโหลดโมดูลล่วงหน้าเป็นวิธีการโหลดโมดูล JavaScript แบบประกาศล่วงหน้า

• HTML

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

• JavaScript

การตรวจหาเนื้อหาที่เป็นพิษจะช่วยปกป้องผู้ใช้และสร้างสภาพแวดล้อมออนไลน์ที่ปลอดภัยยิ่งขึ้น ส่วนเนื้อหาส่วนที่ 2 เราจะได้เรียนรู้วิธีสร้างเครื่องมือ AI ฝั่งไคลเอ็นต์เพื่อตรวจหาและลดความรุนแรงที่แหล่งที่มา

• AI และแมชชีนเลิร์นนิง
• JavaScript

โพสต์นี้อธิบายเมตริกเวลาทั้งหมดในการบล็อก (TBT) และอธิบายวิธีวัด

ชุดแนวทางปฏิบัติแนะนำที่ Chrome ระบุว่าเป็นโอกาสที่ดีที่สุดในการเพิ่มประสิทธิภาพเว็บและปรับปรุง Core Web Vitals

คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีแจกแจง LCP และระบุส่วนสำคัญที่ต้องปรับปรุง

• JavaScript
• HTML

เมตริกที่จำเป็นสำหรับเว็บไซต์ที่มีประสิทธิภาพ

• JavaScript

ดูวิธีวัด Web Vitals ของเว็บไซต์ทั้งในสภาพแวดล้อมจริงและสภาพแวดล้อมห้องทดลอง