ตาราง

รูปแบบรูปภาพ ปลั๊กอินที่สูญเสียคุณภาพ
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF imagemin-giflossy
ปลั๊กอิน Imagemin สำหรับประเภทไฟล์
เครื่องมือ สรุป
ประภาคาร
  • งบประมาณสำหรับทรัพยากรประเภทต่างๆ ตามขนาดหรือจำนวน
webpack
  • งบประมาณตามขนาดของชิ้นงานที่ webpack สร้างขึ้น
  • ตรวจสอบขนาดที่ไม่ได้บีบอัด
ตารางที่มีเนื้อหาเซลล์จัดแนวในแนวตั้งตามข้อยกเว้น data-alignment="top"
ตัวเลือก 1 ตัวเลือก 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
ตารางที่ใช้องค์ประกอบ "code"
เครือข่าย อุปกรณ์ JS รูปภาพ CSS HTML แบบอักษร รวม งบประมาณเวลาในการตอบสนอง
3G แบบช้า Moto G4 100 30 10 10 20 ~170 KB 5 วิ
4G แบบช้า Moto G4 200 50 35 30 30 ~345 KB 3 วินาที
Wi-Fi เดสก์ท็อป 300 250 50 50 100 ~750 KB 2 วินาที
ตารางจะเลื่อนเมื่อความกว้างของตารางใหญ่กว่าความกว้างของคอลัมน์เนื้อหา

วิดีโอ

ตัวแปลงรหัส ส่วนขยาย คลัง
av1 WebM, mkv libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

เสียง

ตัวแปลงรหัส ส่วนขยาย คลัง
aac MP4 aac
opus WebM libopus
vorbis WebM libvorbis

ต่อไป เราจะแสดงวิธีเปลี่ยนอัตราบิตของไฟล์ที่สร้างใหม่

คำอธิบายช่องส่วนหัว

การกําหนดค่าอุปกรณ์ปลายทางแต่ละรายการจะมีgroupชื่อ, max_age และendpoints อาร์เรย์ นอกจากนี้ คุณยังเลือกได้ว่าจะให้ระบบพิจารณาโดเมนย่อยเมื่อรายงานข้อผิดพลาดหรือไม่โดยใช้ช่อง include_subdomains

ช่อง ประเภท คำอธิบาย
group สตริง ไม่บังคับ หากไม่ได้ระบุชื่อ group ระบบจะตั้งชื่อปลายทางเป็น "default"
max_age ตัวเลข ต้องระบุ จํานวนเต็มที่ไม่เป็นลบซึ่งกําหนดอายุของปลายทางเป็นวินาที ค่า "0" จะทําให้ระบบนํากลุ่มอุปกรณ์ปลายทางออกจากแคชการรายงานของ User Agent
endpoints Array<Object> ต้องระบุ อาร์เรย์ของออบเจ็กต์ JSON ที่ระบุ URL จริงของเครื่องรวบรวมรายงาน
include_subdomains บูลีน ไม่บังคับ บูลีนที่ใช้เปิดใช้กลุ่มปลายทางสําหรับโดเมนย่อยทั้งหมดของโฮสต์ของต้นทางปัจจุบัน หากไม่ระบุหรือระบุเป็นค่าอื่นที่ไม่ใช่ "จริง" ระบบจะไม่รายงานโดเมนย่อยไปยังปลายทาง

ชื่อ group คือชื่อที่ไม่ซ้ำกันซึ่งใช้เพื่อเชื่อมโยงสตริงกับปลายทาง ใช้ชื่อนี้ในที่อื่นๆ ที่ผสานรวมกับ Reporting API เพื่ออ้างอิงกลุ่มปลายทางที่เฉพาะเจาะจง