我见过一些随机页面提到使用空 gif 图像来以某种方式提高性能。我还发现 nginx 有一个模块仅用于此目的。我无法弄清楚的是,提供这个小文件究竟如何提高 Web 服务器的性能或感知响应能力。有人能帮助我理解这样做的好处吗?
答案1
一些网站使用 1x1 gif 文件来设置元素之间的间距(特别是在较旧的网站上,这些网站是在浏览器对 HTML/CSS 的解释更加不同的时候创建的咳嗽IE咳嗽
如今,它们也更常被用作“跟踪像素”的请求目标,而“跟踪像素”则被用作收集使用情况统计数据等的工具,尤其是对于电子邮件/营销活动。
您要为此文件提供特殊模块的原因是(a)它经常被请求,并且(b)它每次都返回相同的内容,因此如果可以避免的话,您不想去磁盘查找该文件。
答案2
我不确定这是否能提高性能,但 1x1 像素图像通常用于跟踪。通常称为网络臭虫(或信标),此图像会导致浏览器向图像来源的服务器发出 HTTP 请求。然后可以检查此请求以获取跟踪信息(例如 IP、浏览器、引荐来源等)。
答案3
在 Google 上搜索“一个像素的gif“ 或者 ”单像素gif“返回许多讨论使用该文件定位网页元素的技术的文章。
从优化设计:单像素 GIF(2000 年 1 月 1 日):
在早期的网页设计中,HTML 的限制促使设计师寻找各种解决方法来控制页面布局。其中最重要的解决方法之一是单像素 GIF 技巧,使用单像素 GIF 并使用 IMG 标签的高度、宽度、水平空间和垂直空间属性对其进行修改。
GIF 本身很小,几乎不需要下载时间。而且,根据单个像素是否透明,结果可以用作间隔符,或用作水平或垂直规则。
答案4
它们还用于图像精灵;一个小的透明图像用作图像标签的 src 属性,而真正的图像是 CSS 背景图像。性能优势来自于 CSS 背景只是单个图像的一部分,该图像组合了来自页面的许多图像,从而减少了总体请求数。
例如: