มีวิธีง่ายๆในการดูจำนวนการบีบอัดข้อมูลใน Chrome หรือไม่

ฉันไม่ว่างที่จะตรวจสอบว่าเว็บเซิร์ฟเวอร์ของฉันกำลังทำ gzip ตอนนี้ฉันมั่นใจว่า gzip เปิดอยู่แล้วตามที่ Chrome แสดงการเข้ารหัสเนื้อหา: ส่วนหัว gzip

มีวิธีง่ายๆในการดูว่าไฟล์บีบอัดในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome หรือไม่

อัปเดตคำตอบสำหรับปี 2560 : ใช่

คอลัมน์ขนาดในแท็บเครือข่ายในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome มีทั้งขนาดที่บีบอัดและไม่บีบอัดสำหรับ gzip, brotli และขนาดอื่น ๆ ที่จะเกิดขึ้นในอนาคต เช่น:

ขนาดบีบอัดที่นี่คือ 242 KB ขนาดที่ไม่บีบอัดคือ 1.1 MB

หากต้องการดูทั้งสองแน่ใจว่าคุณมี Devtools แสดงแถวคำขอขนาดใหญ่ เป็นไอคอนแรกในตัวเลือก "ดู" ในแถบเครื่องมือเฉพาะเครือข่าย

โดยวิธีที่ง่ายที่สุดคือการใช้เครื่องมือออนไลน์ GIDZipTestแสดงรายละเอียดมากมาย: ขนาดดั้งเดิมขนาดบีบอัดและเปอร์เซ็นต์การบีบอัด

อย่างไรก็ตามเป็นไปได้ใน Chrome ที่มีความพยายามเล็กน้อย (อัปเดตสำหรับ Chrome ล่าสุดกันยายน 2011)

ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ให้ไปที่แท็บ "เครือข่าย" และโหลดหน้าซ้ำ คุณจะเห็นรายการไฟล์ทั้งหมดที่เรียกมาทางคอลัมน์ซ้าย คลิกหน้า / ไฟล์ที่เหมาะสมทางด้านซ้ายจากนั้นแท็บ "ส่วนหัว" ในบานหน้าต่างด้านขวา

ในส่วน "การตอบกลับส่วนหัว" คุณจะเห็น "การเข้ารหัสเนื้อหา: gzip" ตามด้วยส่วนหัว "ความยาวเนื้อหา" นี่คือขนาดของเนื้อหาที่บีบอัด

การค้นหาขนาดที่ไม่มีการบีบอัดนั้นยากกว่า หากคุณให้บริการไฟล์คงที่คุณสามารถตรวจสอบขนาดได้ สำหรับเนื้อหาแบบไดนามิกคุณจะต้องคัดลอก HTML ลงในโปรแกรมแก้ไขข้อความและบันทึกเพื่อตรวจสอบขนาดที่แน่นอน

อัปเดตสำหรับปี 2017

เมื่อใช้ไอคอนขนาดใหญ่เครื่องมือ dev ของ Chrome จะแสดงขนาดบีบอัดก่อนและหลังในแท็บเครือข่าย

ฉันยืนยันโดยการปิดและเปิด gzip บนเว็บเซิร์ฟเวอร์ของฉัน

อีกวิธีหนึ่งในการบรรลุเป้าหมายนี้คือด้วย cURL:

curl -i -H "Accept-Encoding: gzip" http://someurl.com | wc -c

กับ

curl -i http://someurl.com | wc -c

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

ฉันได้ยินมาว่าโครเมียมมีข้อบกพร่องเนื่องจากข้อผิดพลาดใน webkit

Y ปลั๊กอินช้าสำหรับ Firefox ไม่ได้งานที่ดี เมื่อเรียกใช้ไปที่แท็บ Components และขยายประเภทขององค์ประกอบที่คุณต้องการค่า มันจะแสดงขนาดดั้งเดิมและขนาด gzip

นี่ไม่ใช่เครื่องมือสำหรับ Chrome โดยเฉพาะ แต่ฉันใช้พู้ทำเล่นเมื่อตรวจสอบข้อมูลปริมาณข้อมูล / ส่วนหัว HTTP มันเป็นเครื่องมือที่ยอดเยี่ยมใช้งานได้บนเบราว์เซอร์ใดก็ได้และฟรี!

สำหรับทุกคนที่ยังมาถึงที่นี่จากการค้นหา google ทั่วไป (เช่นเดียวกับฉัน) ใน Firefox รุ่นที่ทันสมัยเป็นไปได้ที่จะเห็นขนาด "ดิบ" และ gzipped โดยตรงจาก devtools โดยเปรียบเทียบคอลัมน์ "ขนาดที่โอนย้าย" และ "ขนาด" "ขนาด" เป็นขนาดที่แท้จริงของการตอบสนอง "ขนาดโอน" เป็นขนาดจริงของข้อมูลที่ถ่ายโอนสำหรับการตอบสนองซึ่งอาจต่ำกว่าขนาดจริงในกรณีของ gzip เช่นในภาพด้านล่างหรือแม้แต่ 0 ใน กรณีที่การตอบสนองถูกแคชในไคลเอนต์