CSS-网站的favicon.ico需要一次额外的http请求,有没有办法通过css spirte来定位favicon?

CSS-网站的favicon.ico需要一次额外的http请求,有没有办法通过css spirte来定位favicon?

偏爱自由 发布于 2017-04-22 字数 219 浏览 1165 回复 5

网站的每个页面都需要用一次额外的http请求来加载favicon.ico,通过这样的设置

<link rel="shortcut icon" href="http://hi.org/icon.ico"  type="image/x-icon" />

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

夜无邪 2017-08-08 5 楼

这个无论你的网站是否指定了它,浏览器都会发起这个请求。据我所知,目前还没有标签或属性,告诉浏览器不去请求。

灵芸 2017-07-26 4 楼

Yahoo!改善网站Web性能优化的经验方法一文中提到过favicon.ico的优化方法:
1、文件尽量地小,最好小于1K;
2、在适当的时候(也就是你不要打算再换favicon.ico的时候,因为更换新文件时不能对它进行重命名)为它设置Expires文件头。你可以很安全地把Expires文件头设置为未来的几个月。你可以通过核对当前favicon.ico的上次编辑时间来作出判断。

归属感 2017-07-20 3 楼

可以见它转化成base64编码, 其实这种减少没有太大必要,因为现在的浏览器对favicon.ico都进行了长时间缓存,而网站这张图片一般不会改变, 带价很小.
下面提供一个在线转化图片成base64编码的在线工具:
http://yellowgreen.de/image-to-base64-string-encoder

虐人心 2017-07-11 2 楼

首先我不知道如何减少这个请求,但是是这样的,favicon.ico网站标识,不管你在页面上加不加以下这一句代码,浏览器都会向服务器端发这个请求以在地址栏里显示favicon.ico图片,如果favicon.ico不存在则返回404错误,所以优化它减少请求没有什么意义。

<link rel="shortcut icon" href="http://hi.org/favicon.ico.ico" type="image/x-icon" />

夜无邪 2017-05-18 1 楼

有洁癖的程序员 我见过很多。。。但是象你洁癖到这个地步的 还真很少啊! “吝啬”到这个地步了
favicon.ico 就象其他几位所说的 无论你有没有在html里面添加 链接 浏览器都会在网站根目录寻找这个文件,进而也就会有http请求,找不到使用浏览器默认favicon。

别纠结了,把精力放在该 需要注意的地方。当然做程序员 有这样思想是很好的。但是别太纠结啊。