บทความทั้งหมดที่โพสต์ในเว็บไซต์ของเราโดยเรียงลำดับตามวันที่อัปเดตล่าสุด สำหรับคอลเล็กชันที่มีการดูแลจัดการ ให้ลองสำรวจ

UX สิทธิ์

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

Largest Contentful Paint (LCP)

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

วิธีคิดเกี่ยวกับ Baseline และ polyfill

การรู้ว่าควรใช้ polyfill เมื่อใดนั้นอาจเป็นเรื่องที่ตัดสินใจได้ยาก แต่การใช้ฟีเจอร์ Baseline จะช่วยตอบคำถามนี้ได้ ดูข้อมูลเพิ่มเติมในคู่มือนี้

วิธีค้นหาแดชบอร์ดแพลตฟอร์มเว็บสําหรับเครื่องมือพื้นฐาน

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

เวิร์กโฟลว์ของ Core Web Vitals ด้วยเครื่องมือของ Google

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

ruby-align เป็น Baseline กลับมาเปิดให้จองอีกครั้ง

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

ดาวน์โหลดโมเดล AI ด้วย Background Fetch API

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

ดึงทรัพยากรล่วงหน้าเพื่อให้การนำทางในอนาคตรวดเร็วขึ้น

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

แก้ไขข้อบกพร่องการเปลี่ยนเลย์เอาต์

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

เพิ่มประสิทธิภาพ Cumulative Layout Shift

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

CSS scrollbar-color และ scrollbar-gutter พร้อมใช้งานใน Baseline เวอร์ชันใหม่

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

การปรับขนาดแอปพลิเคชัน WebAssembly แบบหลายเธรดด้วย mimalloc และ WasmFS

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