ทำไมบางเว็บไซต์แสดง 0 bytes ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome


14

ฉันกำลังทำการเพิ่มประสิทธิภาพความเร็วหน้าสำหรับเว็บไซต์ของฉันและศึกษาว่าเว็บไซต์อื่น ๆ ทำได้อย่างไร ฉันสังเกตเห็นว่าบางเว็บไซต์เช่นFacebookหรือRinggitplusแสดง 0 ไบต์สำหรับบางแหล่งข้อมูลในเครื่องมือสำหรับนักพัฒนาของ Chrome แท็บเครือข่ายในขณะที่ขนาดเนื้อหาจริงมีหลายกิโลไบต์

สกรีนช็อตของแท็บเครือข่ายแสดง 0 ไบต์สำหรับทรัพยากรบางอย่าง

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

สิ่งนี้เป็นไปได้อย่างไรและฉันจะบรรลุสิ่งเดียวกันสำหรับเว็บไซต์ของฉันได้อย่างไร


2
และถ้าคุณทำ (โหลดแคชอ้อม) Ctrl + F5
วงล้อประหลาด

1
คุณทำโปรไฟล์เพจของคุณโดยใช้developer.yahoo.com/yslowหรือยัง
Marcel

@ ratchetfreak มันยังคงเหมือนเดิม
kecebongsoft

@ Marcel ใช่ฉันใช้เครื่องมือหลายอย่างเช่นที่คุณพูดถึง Google Page Speed ​​รวมถึง webpagetest.org
kecebongsoft

ไม่ตอบคำถามที่ว่าทำไมการ resrouces ที่ไม่ถูกตรวจพบอาจแสดงเป็น 0b แต่นี่เป็นคำถาม SO ที่ดีซึ่งระบุถึงความแตกต่าง: stackoverflow.com/questions/8072921/ …
Ben Lee

คำตอบ:


4

การทำความเข้าใจพฤติกรรมของ Chrome เป็นเรื่องง่ายที่จะเห็นในเว็บไซต์ที่สนับสนุนทั้งhttpและhttps

หากคุณเปิดเครื่องมือสำหรับนักพัฒนาและดูภาพนี้ Chrome จะรายงาน 27.1k ถ้าภาพนั้นถูกแคชและ 257 ไบต์หากไม่เป็นเช่นนั้น คุณสามารถล้างแคชภายในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์โดยคลิกขวาที่พื้นที่ด้านล่างของหน้าจอ (ตัวอย่างเช่นถัดจาก nav_logo161.png)

ตอนนี้เปิดการเชื่อมโยงกับhttps Chrome รายงานขนาด 0 ไบต์ว่ารายการนั้นแคชหรือไม่ หากแคชคุณได้รับ 304 และหากไม่ได้แคชคุณจะเห็นสถานะ 200 แต่คุณสามารถเห็นได้ในเวลาแฝงที่การตอบสนองที่ไม่ได้ใช้จะใช้เวลานานกว่ามาก

ดังนั้นเรื่องยาวสั้นถ้าคุณต้องการให้ Chrome รายงาน 0 ไบต์สำหรับการใช้งานหน้าเว็บของคุณhttps

ข้อผิดพลาดนี้จะถูกบันทึกไว้ที่นี่และที่นี่

จุดบกพร่องนี้จะสังเกตเห็นได้ชัดเจนเป็นหลักเมื่อดูภาพ เหตุผลที่คุณเห็นมันกับhttpการเชื่อมโยงในการโพสต์เดิมคือการที่ทั้งสองฝ่ายจริงทำให้ในhttps

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.