ทำไมหน้าเว็บของฉันถึงมีขนาดเล็กกว่าเบราว์เซอร์ถึงครึ่งหนึ่ง?

หน้าเว็บของฉันที่มีเนื้อหาทั้งหมดอยู่ที่ 1.7MB บนดิสก์ และเพียง 700kb ในเครื่องมือ dev Chrome (แท็บเครือข่าย) เช่นตอนนี้ 140kb css ของฉันตอนนี้อ้างอิงจาก google หนักเพียง 26kb เช่นเดียวกับชุด js ของฉันมันเริ่มจาก 330 kb ถึง 90 นอกจากนี้ฉันกำลังทดสอบเซสชันส่วนตัวเพื่อไม่ให้แคชเบราว์เซอร์

ส่วนหัวการตอบสนองที่ฉันเห็นบนโครเมี่ยม:

Connection:Keep-Alive
Date:Wed, 30 Sep 2015 14:25:35 GMT
ETag:"e621f4-42c5-520f72d888210"
Keep-Alive:timeout=3, max=100
Server:Apache/2.2.16 (Debian)
Vary:Accept-Encoding

ดูเหมือนว่าคุณไม่เห็นทุกอย่างในเครื่องมือพัฒนาของคุณ

อย่าใช้แถวคำขอขนาดเล็กมิฉะนั้นคุณจะเห็นขนาดไฟล์ gzipped ของเว็บไฟล์ของคุณเท่านั้น

1. ขนาดไฟล์ gzipped ที่ส่งจากเซิร์ฟเวอร์
2. เบราว์เซอร์ของคุณคลายบีบอัดไฟล์ gzipped และมันมี KB มากมาย

เหตุผลที่รูปภาพของคุณแสดงขนาดการบีบอัดที่ใหญ่กว่านั้นเป็นเพราะ PNG และ JPG เป็นรูปแบบการบีบอัดดังนั้นเว็บเซิร์ฟเวอร์ของคุณกำลังสร้างโอเวอร์เฮดที่ไม่จำเป็นโดยพยายามบีบอัดอีกครั้งและค่าใช้จ่ายพิเศษนั้นถูกแปลเป็น KB

หากคุณใช้ Apache และสามารถเข้าถึงได้httpd.confฉันขอแนะนำให้เพิ่มบรรทัดที่มีลักษณะดังนี้:

# อย่าบีบอัดภาพเหล่านี้
SetEnvIfNoCase Request_URI. (?: gif | jpe? g | jpg | ico | png) ไม่มี gzip ไม่มีการเปลี่ยนแปลง

สิ่งนี้ถือเป็นจริงสำหรับรูปภาพที่ได้รับการปรับและบีบอัดอย่างหนักแล้ว

ในภาพหน้าจอของฉันคุณจะเห็นว่า 1 + 2 เป็นภาพที่ใหญ่ขึ้นและไม่เพิ่มประสิทธิภาพ แต่ 3.jpg ลงไปจนถึงกระดูกเปลือยดังนั้นการบีบอัดจึงไม่ช่วย # 3 แต่มันช่วยได้ 1 + 2: