莫名的源起–H1

  　　这里的H1不是H1N1中那令人不寒而栗H1，而是HTML中的一个标签，一个重构者日常工作中不可避免的一个标签，一个不能被忽视的标签，一个在HTML的标题中排名第一的标题，历史上有过很多的关于H1的探讨，也有人在Twitter上进行过H1辩论(en)，虽然大家会有一些分歧，但是对于H1的重要性，大家都一种认同，追求者众多，追法各异，各有各的手段，各有各的目的，满足了才是王道。

  　　捏造的主题–Logo与网站性能优化

  　　谈到H1，无可避免的就会和SEO发生关系，同时也会把网站Logo扯出来说事；其实今天的女主角不是H1，SEO也不是男主角，网站Logo也不是男女主角，他们的故事很精彩，他们的关系也不简单；其实这里只是想单说一下网站Logo，网站性能优化相关。唉，其实这些东西早就在坊间流传，我这也说不出什么新点子，只是陈词滥调，左顾右盼，罗列出一些常识性的东西。(其实这两个字为什么老是出现呢)

  　　预加载Logo图：第一时间显示logo图和背景，避免空白和无背景；

  　　合并背景图到Logo：减少页面请求；

  　　优化压缩logo：尽可能减少文件大小；

  　　在img中指定logo的替换文字：提升页面可用性和兼容性；

  　　在img中指定logo尺寸大小：提升浏览器渲染效率；

  　　闭合logo所在的img标签：提升浏览器渲染效率；（这个还提！？）

  　　对logo启用Gzip压缩？：这个真的不行！！用长cache吧！！！

  　　1.预加载Logo：第一时间显示logo图和背景，避免空白和无背景

  　　被说烂了的google的方式，老调重弹，在页面的内容还没有加载之前，先把需要的图加载：这样就会让logo第一时间显示出来(如果你不想让logo第一时间显示，请忽略)，也不会出现光秃秃的没有背景图修饰内容。

  　　下面是google首页的做法，其实，这个图是搜索结果页的logo和背景合并图，首页并没有用到，但是到了google首页的人有几个会不去搜索结果页呢…(这里多谢鬼哥提醒)

  　　＜body....onload="...;if(document.images)newImage().src='/images/nav_logo8.png'"...>