| 1. 尽可能的减少 HTTP 的请求数 | [content] |
| 2. 使用 CDN（Content Delivery Network） | [server] |
| 3. 添加 Expires 头(或者 Cache-control ) | [server] |
| 4. Gzip 组件 | [server] |
| 5. 将 CSS 样式放在页面的上方 | [css] |
| 6. 将脚本移动到底部（包括内联的） | [javascript] |
| 7. 避免使用 CSS 中的 Expressions | [css] |
| 8. 将 JavaScript 和 CSS 独立成外部文件 | [javascript] [css] |
| 9. 减少 DNS 查询 | [content] |
| 10. 压缩 JavaScript 和 CSS (包括内联的) | [javascript] [css] |
| 11. 避免重定向 | [server] |
| 12. 移除重复的脚本 | [javascript] |
| 13. 配置实体标签（ETags） | [css] |
| 14. 使 AJAX 缓存 | [content] |
Tag: Yahoo
Yahoo的純CSS圓角
以前看純代碼的圓角都是一條綫一條綫排出來的（如下圖），有些就使用JS，當中curvycorners-2.0.3.rar就是做比較好的。
而這次在一篇文章看到Yahoo做法有點不一樣，在4個角上面“下功夫”，原理也很好理解，請看下文。
轉載自：http://www.neoease.com/round-corners-with-html
1. 做一个直角的 DIV, 给他画上边框. (以下图片都以左上角为例)
2. 在 DIV 内部画第二个 DIV, 背景色与页面背景颜色相同.
3. 将第二个 DIV 挪到边界上, 使它能与页面背景连接, 这样看上去就像一个缺角的框框.
4. 在第二个 DIV 内画第三个 DIV, 在这里其实就是一点.
5. 将第三个 DIV 挪到右下角的位置, Done.
我在 Yahoo! 截取了这段代码, 改了一下. 下载点击
最终效果如下图所示:
基本上光看截圖就大概明白了它的原理，的確很好理解，出來效果也很不錯，但結構中仍然要使用很多 無内容的空標籤，一般純CSS的圓角都存在這個問題，是一個大難題！！