关于Favicon
- 总是被命名为favicon.ico
- 默认存放在网站web根目录。我们常常看到这样的一个请求/favicon.ico
- 它总是显示在浏览器地址栏,网址的左边
- 当访问一个页面的时候,不管怎么样,浏览器都会请求这个文件,即/favicon.ico
- 可以通过在页面的<head>部分加入<link>元素来重新指定它的位置
<link rel=”shortcut icon” href=http://www.cctv.com/favicon.ico /> - ico格式可以是不同分辨率的图像,比如16×16, 32×32等。
上图从客户端和服务端监测,可以知道每次访问页面的时候,都会访问/favicon.ico,不管该文件存不存在(一些工具像httpwatch、firebug不会将/favicon.ico请求罗列出来)。如果/favicon.ico文件不存在,则响应404错误。图-1和图-2比较而言,图-1(404响应)反倒花费的时间更少,这是图-2需要传输favicon.ico文件,http 200响应比http 404响应更大。通常在这种情况,我们应该减少对/favicon.ico请求来达到整体优化效果。
优化Favicon
- 确定文件/favicon.ico存在,不应该返回404错误。404错误意味着,每次访问浏览器都会重新请求一次/favicon.ico。我们应该减少这样的请求,将/favicon.ico缓存在客户端。减少不必要的http请求是web前端优化的一条重要准则
- 设置Expires头,将/favicon.ico缓存在客户端。比如,Apache可以通过mod_expires增加这样的设置。缓存时间可以是一个月,甚至可以是一年。
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/ico "access plus 1 year" ExpiresByType image/icon "access plus 1 year" </IfModule>
- 通过<link>更新缓存。/favicon.ico名字和位置总是固定死的,如果你需要更新缓存的话,可以通过<link>元素重新指定它的位置
- 保持较小的图片大小。虽然ico格式文件支持不同的分辨率,但是我们推荐16×16大小,并且文件大小在1kb左右。
相关推荐
资源来自pypi官网。 资源全名:odoo9_addon_web_favicon-9.0.1.0.0-py2-none-any.whl
1、此文件包含流行、个性和其它图标可供选择 2、能解决访问 Apach 时,错误日志中老是报找不到 htdocs/favicon.ico 文件的错误 3、内含调试错误的解决方法
本文介绍在web.py中设置favicon.ico的方法: 如果没设置favicon,后台日志是这样的: 127.0.0.1:4133 - - [03/Sep/2015 18:49:53] "HTTP/1.1 GET /favicon.ico" - 303 See Other 由于浏览器会自动去获取这个文件,...
在做路由模块的时候,发现控制台每次都会多输出一条favicon.ico的请求,对于这种又占资源,看着又碍眼的玩意,强迫症完全忍不了了,查了下代码,加了一行进去解决问题(没有技术含量,如果想笑话我的仁兄,请速速...
代码如下: ... ... server.on(“request”,function...第一条时URL地址为用户输入的客户端请求的目标URL地址,”/”代表用户的目标url地址为web应用程序的根目录. 第二个目标URL地址问浏览器为页面在收藏夹中的显示图标.默认
hapa-favicon 一个简单的插件,可为您提供favicon.ico路线。 这是将显示在浏览器选项卡中的图标。 安装 npm install hapi-favicon 基本图示 只需在您的hapi服务器上注册插件: await server . register ( { ...
faviconfaviconfavicon
favicon-badge:一个Polymer元素,用于使用动态设置的数字声明式更新Webapp的favicon。
favicon.ico
php 抓取任意网站 favicon 小图标源代码
这是老肥博客(fisio.cn)的fisio写的一个关于如何设计favicon的系列文章,个人认为,对于不懂行的朋友来说,还是个很不错的导引,我在看完这个系列文章后,长了很多知识,并马上动手给自己做了个favicon,觉得还...
Laravel Favicon - 根据您的环境设置创建动态favicon
favicon.rar tomcat 小图标 显示修改。
html 设置 favicon 内容概要:html 设置 favicon 适合人群:工作1-3年的前端人员
favicon.ico 一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的 logo,如图红圈的位置, 目前主要的浏览器都支持 favicon.ico 图标. 如果要让网站看起来更专业、更美、更有个性,制造...
faviconfaviconfaviconfaviconfaviconfaviconfaviconfavicon
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标.