ไฟล์เปล่า gif (1x1 pix) มีจุดประสงค์อะไร

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

ไฟล์ 1x1 GIF จะถูกใช้โดยบางเว็บไซต์ที่ระยะห่างระหว่างองค์ประกอบชุด (โดยเฉพาะอย่างยิ่งในเว็บไซต์เก่าที่ทำเมื่อการตีความเบราว์เซอร์ของ HTML / CSS ได้แตกต่างกันมากขึ้นไอ IE ไอ

พวกเขายังใช้บ่อยขึ้นในวันนี้เป็นเป้าหมายคำขอสำหรับ "พิกเซลการติดตาม" ซึ่งใช้เป็นเครื่องมือสำหรับรวบรวมสถิติการใช้งาน ฯลฯ โดยเฉพาะอย่างยิ่งสำหรับแคมเปญอีเมล / การตลาด

เหตุผลที่คุณให้โมดูลพิเศษสำหรับไฟล์นี้คือ (a) มีการร้องขอบ่อยครั้งและ (b) ส่งคืนสิ่งเดียวกันทุกครั้งดังนั้นคุณไม่ต้องการไปที่ดิสก์สำหรับไฟล์ถ้าคุณ สามารถหลีกเลี่ยงได้

ฉันไม่แน่ใจเกี่ยวกับการเพิ่มประสิทธิภาพ แต่ภาพขนาด 1x1 พิกเซลมักใช้ในการติดตาม ที่รู้จักกันทั่วไปว่าเป็นเว็บบั๊ก (หรือบีคอน) รูปภาพนี้ทำให้เบราว์เซอร์ทำการร้องขอ HTTP ไปยังเซิร์ฟเวอร์ที่รูปภาพนั้นมา จากนั้นสามารถตรวจสอบคำขอนี้เพื่อติดตามข้อมูล (เช่น IP เบราว์เซอร์ผู้อ้างอิง ฯลฯ )

การค้นหาโดย Google สำหรับ " หนึ่งพิกเซล gif " หรือ " single pixel gif " จะส่งบทความจำนวนมากที่กล่าวถึงเทคนิคการใช้ไฟล์นั้นสำหรับองค์ประกอบการวางตำแหน่งของหน้าเว็บ

จากการออกแบบการปรับให้เหมาะสม: GIF หนึ่งพิกเซล (1 มกราคม 2000):

ในวันแรก ๆ ของการออกแบบเว็บข้อ จำกัด HTML เป็นแรงบันดาลใจให้นักออกแบบค้นหาวิธีแก้ไขปัญหาทุกประเภทเพื่อควบคุมเค้าโครงของหน้าเว็บ หนึ่งในวิธีแก้ปัญหาที่สำคัญที่สุดคือเคล็ดลับ GIF พิกเซลเดียวโดยใช้ GIF พิกเซลเดียวและแก้ไขด้วยแอตทริบิวต์ความสูงความกว้าง hspace และ vspace ของแท็ก IMG

GIF นั้นมีขนาดเล็กและไม่ต้องเสียเวลาดาวน์โหลด และขึ้นอยู่กับว่าพิกเซลเดียวมีความโปร่งใสหรือไม่ผลสามารถใช้เป็นตัวเว้นวรรคหรือเป็นกฎแนวนอนหรือแนวตั้ง

การรวมภาพ 1x1 ไม่ได้เพิ่มประสิทธิภาพ แต่ลดลง - เป็นคำขอ HTTP พิเศษแบนด์วิดท์เสริมจำนวนเล็กน้อย ฯลฯ

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

พวกเขายังใช้สำหรับ spriting ภาพ ใช้รูปภาพโปร่งใสขนาดเล็กเป็นแอตทริบิวต์ src ของแท็กรูปภาพและรูปภาพจริงเป็นรูปภาพพื้นหลัง CSS ข้อได้เปรียบด้านประสิทธิภาพมาจากพื้นหลัง CSS ที่เป็นเพียงส่วนหนึ่งของภาพเดียวซึ่งรวมรูปภาพจำนวนมากจากหน้าเว็บเพื่อลดจำนวนคำขอโดยรวม

ดูตัวอย่าง:

• http://www.w3schools.com/css/css_image_sprites.asp
• http://spriteme.org/faq.php#def

คำตอบที่ดีทั้งหมดข้างต้น มีการใช้งานอื่นสำหรับโมดูล

เมื่อคุณต้องการปิดกั้นไม่ให้แสดงโฆษณาในเครือข่ายของคุณหากคุณเพียงปฏิเสธ URL ที่ขอให้เวลาในการโหลดเบราว์เซอร์ประสบ (หรือคุณได้รับข้อความบล็อกแสดงบนหน้าเว็บ) วิธีแก้ปัญหาคือเปลี่ยนเส้นทางปริมาณการใช้เบราว์เซอร์ไปยังไซต์ภายในที่แสดงภาพเปล่า (แทนที่จะปฏิเสธ URL คำขอ)

เทคนิคบางอย่างที่สามารถใช้ทำการเปลี่ยนเส้นทางได้คือกฎ Dnsmasqและ Squid เขียนใหม่