เผยแพร่: 29 เม.ย. 2026
โพลีฟิลล์และการเปลี่ยนรูปแบบช่วยให้คุณใช้ฟีเจอร์ที่อาจไม่ใช่ฟีเจอร์พื้นฐาน หรือที่เรียกว่าฟีเจอร์ความพร้อมใช้งานแบบจำกัดได้ Baseline ไม่ได้ห้ามไม่ให้คุณใช้ฟีเจอร์ที่มีความพร้อมจำกัด แต่คุณมักจะใช้ฟีเจอร์ที่เพิ่งเปิดตัวหรือพร้อมใช้งานอย่างแพร่หลายได้โดยไม่ต้องใช้ฟีเจอร์ที่มีความพร้อมจำกัด การตรวจสอบ JavaScript เดิมจะช่วยให้คุณทราบว่ามีโอกาสใดบ้างในการปรับปรุงประสิทธิภาพโดยการใช้ฟีเจอร์ที่เป็นพื้นฐาน
ลองแก้ไขกระบวนการบิลด์ JavaScript เพื่อไม่ให้ทำการ Transpile ฟีเจอร์ Baseline เว้นแต่คุณจะรู้ว่าต้องรองรับเบราว์เซอร์เดิม
วิธีส่งต่อข้อมูลเชิงลึกนี้
ข้อมูลเชิงลึกนี้จะล้มเหลวหากตรวจพบ Polyfill หรือการแปลงมากกว่า 5 KiB สำหรับฟีเจอร์ JavaScript ที่ได้รับการรองรับอย่างกว้างขวางตาม Baseline หากต้องการส่งต่อข้อมูลเชิงลึกนี้ คุณอาจต้องกำหนดค่า Toolchain ของ Bundler เพื่อหลีกเลี่ยงข้อผิดพลาดบางอย่าง
ใช้ ES6 ในเวอร์ชันที่ใช้งานจริง
ES6 ได้รับการรองรับอย่างกว้างขวางในเบราว์เซอร์ทั้งหมด หากคุณใช้ทั้งเครื่องมือจัดแพ็กเกจโมดูลและตัวแปลง JavaScript เช่น Babel และค่าที่กำหนดล่วงหน้า @babel/preset-env ของเครื่องมือ เว็บไซต์ส่วนใหญ่ไม่จำเป็นต้องรองรับเบราว์เซอร์รุ่นเก่าที่รองรับเฉพาะ ES5
เครื่องมือที่ใช้กันทั่วไปกับ Bundler และ Babel คือ Browserslist ซึ่งยอมรับการค้นหาที่หลากหลายซึ่งระบุในภาษาธรรมชาติ จากนั้นจะแปลเป็นการค้นหาในรายการสภาพแวดล้อมของเบราว์เซอร์เป้าหมาย เช่น คุณสามารถกำหนดเป้าหมายฟีเจอร์พื้นฐานที่พร้อมใช้งานอย่างแพร่หลายด้วยการค้นหา Browserslist นี้ได้ทุกที่ที่พบการกำหนดค่า Browserslist
baseline widely available
Baseline Widely available เป็นค่าเริ่มต้นที่แนะนำสำหรับโปรเจ็กต์เว็บใหม่ อย่างไรก็ตาม คุณควรประเมินเบราว์เซอร์ที่ใช้เข้าถึงเว็บไซต์เสมอ เครื่องมือหนึ่งที่ใช้ได้คือ Google Analytics Baseline Checker