莫名的源起 – H1
。
1. 预加载Logo： 第一工夫显现logo图和背景，防止空白和无背景
对于logo启用Gzip紧缩？： 某个真的没有行！！用长cache吧！！！
闭合logo所正在的img标签： 晋升阅读器渲染频率；（某个还提！？）
正在img三拇指定logo分寸大小： 晋升阅读器渲染频率；
正在img三拇指定logo的交换文字： 晋升页面可用性和兼容性；
优化紧缩logo： 尽能够缩小资料大小；
兼并背景图到Logo： 缩小页面要求；
预加载Logo图： 第一工夫显现logo图和背景，防止空白和无背景；
提到H1，无可防止的就会和SEO发作联系，同声也会把网站Logo扯进去说事；实在昨天的女配角没有是H1，SEO也没有是男配角，网站Logo也没有是少男少女配角，他们的本事很出色，他们的联系也没有容易；实在那里但是想单说一下网站Logo，网站功能优化有关。
7. 对于logo启用Gzip紧缩？还是算了吧
CSS 2.1 Specification
HTML 4.01 Specification
网站规范没有能忘啊，没有晓得细心读过W3C标准书的有多少人呢，我没有：（ 有空看看吧
6. 开放logo所正在的img标签 ：（ 我又提某个了
要说的，某个有争议，有时分会方便于形式保护，或者许正在css三拇指定分寸也是一种计划。唉，实在该署货色早就正在坊间传播，我这也说没有出什么新点子，但是老生常谈，东张西望，列举出一些知识性的货色。(实在这两个字干什么老是涌现呢)
假造的正题 – Logo与网站功能优化
那里的H1没有是H1N1中那令人毛骨悚然H1，而是HTML中的一度标签，一度重构者日常任务中没有可防止的一度标签，一度没有能被无视的标签，一度正在HTML的题目单排名第一的题目，历史上有过很多的对于于H1的讨论，也有人正在Twitter上停止过H1争论(en)，固然自己会有一些一致，然而关于H1的主要性，自己都一种认同，谋求者泛滥，追法各异，各有各的手腕，各有各的手段，满意了才是霸道。许多的翻新但是已有事物的从新拙劣结合和应用。(义务编者：帝位库)
正在效劳器端对于图片停止Gzip紧缩是没有用的，没有过css/js/html等文本资料是能够，并且正在效劳器压力答应的状况下是必需答应的（大全体css/js/xml资料大小可紧缩70-80%）
关于短工夫没有会变化的logo，能够安装长cache，缩小对于效劳器的要求。
2. 兼并背景图到Logo： 缩小页面要求
<body .... onload="...;if(document.images)new Image().src='/images/nav_logo8.png'"...>
上面是google首页的做法，实在，某个图是搜寻后果页的logo和背景兼并图，首页并没有用到，然而到了google首页的人有多少个会没有去搜寻后果页呢…(那里多谢鬼哥提示)
被说烂了的google的形式，俗套重弹，正在页面的形式还没有加载事先，先把需求的图加载：那样就会让logo第一工夫显现进去(假如你没有想让logo第一工夫显现，请疏忽)，也没有会涌现赤裸裸的没有背景图润饰形式。实在，这一条和第一条有些反复了，为了显现作品形式的丰盛性，无论了。
5. 正在img三拇指定logo分寸大小： 晋升阅读器渲染频率 还说！！！
哈哈，忘了说某个和seo也有小半联系哦-.-
4. 正在img三拇指定logo的交换文字： 晋升页面可用性和兼容性 某个也要再说！！！
太简单? 那就间接上http://www.smushit.com/ysmush.it/，正在线紧缩吧
没有某个机器？正在firefox里装firebug再装page speed，功能综合，间接存储紧缩好的图
最初，再用特地的紧缩机器(如PngOptimizer)紧缩
其次，fireworks比photoshop的紧缩成效要好，容积更小
率先，png8体例是首选(别说了，没人都晓得啦！)
3. 优化紧缩logo： 尽能够缩小资料大小
最初就那样了：
那样那样，这样这样：
原来面貌：
</a></h1>
Google<img width="164" height="106" alt="" src="/images/nav_logo8.png" />
<h1> <a title="Go to Google Home" href="http://www.google.com/webhp?hl=en" id="logo">
共事们都喜爱可乐(css sprite)，某个可乐也没有例外。小总结：知易行难，重构是一种姿态。