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

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

ภาพหน้าจอของการตรวจสอบการบีบอัดข้อความ "เปิดใช้ Lighthouse"

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

Lighthouse รวบรวมคำตอบทั้งหมดที่

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

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

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

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

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

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

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) เพื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บ คลิกแท็บ Network

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

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

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

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

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

  • Joomla: เปิดใช้การตั้งค่า Gzip Page Compression (ระบบ > การกำหนดค่าส่วนกลาง > เซิร์ฟเวอร์)
  • WordPress: เปิดใช้การบีบอัดข้อความในการกำหนดค่าเว็บเซิร์ฟเวอร์

แหล่งข้อมูล