เปิดใช้การบีบอัดข้อความ

ทรัพยากรแบบข้อความควรแสดงผลโดยมีการบีบอัดเพื่อลดจำนวนไบต์เครือข่ายทั้งหมด ส่วนโอกาสของรายงาน Lighthouse จะแสดงรายการทรัพยากรแบบข้อความทั้งหมดที่ไม่ได้บีบอัด

วิธีที่ Lighthouse จัดการการบีบอัดข้อความ

Lighthouse จะรวบรวมคำตอบทั้งหมดที่มีลักษณะดังนี้

• มีประเภททรัพยากรที่เป็นข้อความ
• อย่าใส่ส่วนหัว content-encoding ที่ตั้งค่าเป็น br, gzip หรือ deflate

จากนั้น Lighthouse จะบีบอัดแต่ละรายการเหล่านี้ด้วย GZIP เพื่อคํานวณการประหยัดที่เป็นไปได้

หากขนาดเดิมของการตอบกลับน้อยกว่า 1.4 KiB หรือหากการประหยัดจากการบีบอัดที่เป็นไปได้น้อยกว่า 10% ของขนาดเดิม Lighthouse จะไม่แจ้งว่าการตอบกลับนั้นไม่เหมาะสมในผลลัพธ์

เปิดใช้การบีบอัดข้อความในเซิร์ฟเวอร์

เปิดใช้การบีบอัดข้อความในเซิร์ฟเวอร์ที่แสดงคำตอบเหล่านี้เพื่อให้ผ่านการตรวจสอบนี้

เมื่อเบราว์เซอร์ขอทรัพยากร เบราว์เซอร์จะใช้ส่วนหัวคำขอ HTTP Accept-Encoding เพื่อระบุอัลกอริทึมการบีบอัดที่รองรับ

Accept-Encoding: gzip, compress, br

หากเบราว์เซอร์รองรับ Brotli (br) คุณควรใช้ Brotli เนื่องจากสามารถลดขนาดไฟล์ของทรัพยากรได้มากกว่าอัลกอริทึมการบีบอัดอื่นๆ ค้นหา how to enable Brotli compression in <X> โดยที่ <X> คือชื่อเซิร์ฟเวอร์ของคุณ ในเดือนธันวาคม 2022 เบราว์เซอร์หลักทั้งหมดรองรับ Brotli ยกเว้น Safari ใน iOS ดูข้อมูลอัปเดตเกี่ยวกับความเข้ากันได้กับเบราว์เซอร์

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

เซิร์ฟเวอร์ควรส่งContent-Encodingส่วนหัวการตอบกลับ HTTP เพื่อระบุอัลกอริทึมการบีบอัดที่ใช้

Content-Encoding: br

ตรวจสอบการบีบอัดคำตอบ

วิธีตรวจสอบว่าเซิร์ฟเวอร์บีบอัดการตอบกลับหรือไม่

กด Control+Shift+J (หรือ Command+Option+J ใน Mac) เพื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บ คลิกแท็บเครือข่าย

1. กด Control+Shift+J (หรือ Command+Option+J ใน Mac) เพื่อเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
2. คลิกแท็บเครือข่าย
3. คลิกคำขอที่ทำให้เกิดคำตอบที่คุณต้องการ
4. คลิกแท็บส่วนหัว
5. ตรวจสอบส่วนหัว content-encoding ในส่วนส่วนหัวการตอบกลับ

วิธีเปรียบเทียบขนาดที่บีบอัดและที่ขยายของการตอบกลับ

1. กด Control+Shift+J (หรือ Command+Option+J ใน Mac) เพื่อเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
2. คลิกแท็บเครือข่าย
3. เปิดใช้แถวคำขอขนาดใหญ่ ดูใช้แถวคำขอขนาดใหญ่
4. ดูคอลัมน์ขนาดสําหรับคําตอบที่สนใจ ค่าด้านบนคือขนาดที่บีบอัด ค่าด้านล่างคือขนาดที่บีบอัด

โปรดดูหัวข้อย่อขนาดและบีบอัดเพย์โหลดของเครือข่ายด้วย

คำแนะนำเฉพาะสแต็ก

• Drupal: ทรัพยากรแบบข้อความควรแสดงผลโดยมีการบีบอัด (Gzip, Deflate หรือ Brotli) เพื่อลดจำนวนไบต์เครือข่ายทั้งหมด ลองใช้ CDN ที่รองรับการดำเนินการนี้ตั้งแต่ต้น หรือกำหนดค่าเว็บเซิร์ฟเวอร์ให้ดำเนินการนี้ ดูข้อมูลเพิ่มเติม
• Joomla: เปิดใช้การตั้งค่าการบีบอัดหน้าของ Gzip (ระบบ > การกำหนดค่าส่วนกลาง > เซิร์ฟเวอร์)
• WordPress: เปิดใช้การบีบอัดข้อความในการกำหนดค่าเว็บเซิร์ฟเวอร์

แหล่งข้อมูล

• ซอร์สโค้ดสําหรับการตรวจสอบเปิดใช้การบีบอัดข้อความ