Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用
作者：dudo 来源：dudo博客 发布时间：2008-05-29 13:44:00
我们在前面的几节中分别讲了提高网站性能中内容、服务器、JavaScript和CSS等方面的内容。除此之外，图片和Coockie也是我们网站中几乎不可缺少组成部分，此外随着移动设备的流行，对于移动应用的优化也十分重要。这主要包括：
Coockie:
减小Cookie体积
对于页面内容使用无coockie域名
图片：
优化图像
优化CSS Spirite
不要在HTML中缩放图像
favicon.ico要小而且可缓存
移动应用：
保持单个内容小于25K
打包组件成复合文本
27、减小Cookie体积
HTTP coockie可以用于权限验证和个性化身份等多种用途。coockie内的有关信息是通过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小以减少用户的响应时间十分重要。
有关更多信息可以查看Tenni Theurer和Patty Chi的文章“When the Cookie Crumbles”。这们研究中主要包括：
去除不必要的coockie
使coockie体积尽量小以减少对用户响应的影响
注意在适应级别的域名上设置coockie以便使子域名不受影响
设置合理的过期时间。较早地Expire时间和不要过早去清除coockie，都会改善用户的响应时间。
28、对于页面内容使用无coockie域名
当浏览器在请求中同时请求一张静态的图片和发送coockie时，服务器对于这些coockie不会做任何地使用。因此他们只是因为某些负面因素而创建的网络传输。所有你应该确定对于静态内容的请求是无coockie的请求。创建一个子域名并用他来存放所有静态内容。
如果你的域名是www.example.org，你可以在static.example.org上存在静态内容。但是，如果你不是在www.example.org上而是在顶级域名example.org设置了coockie，那么所有对于static.example.org的请求都包含coockie。在这种情况下，你可以再重新购买一个新的域名来存在静态内容，并且要保持这个域名是无coockie的。Yahoo!使用的是ymig.com，YouTube使用的是ytimg.com，Amazon使用的是images-anazon.com等等。
使用无coockie域名存在静态内容的另外一个好处就是一些代理（服务器）可能会拒绝对coockie的内容请求进行缓存。一个相关的建议就是，如果你想确定应该使用example.org还是www.example.org作为你的一主页，你要考虑到coockie带来的影响。忽略掉www会使你除了把coockie设置到*.example.org（*是泛域名解析，代表了所有子域名译者dudo注）外没有其它选择，因此出于性能方面的考虑最好是使用带有www的子域名并且在它上面设置coockie。
0
投稿猜你喜欢
- 我参与了IE7的开发过程，看到了在IE浏览器中形形色色使用MSXML的方法。显然有一些东西困扰着开发者：MSXML“混乱”的版本以及如何创建
- 现在网页的设计都讲究整体统一风格，无论是网页的文字、图像，还是浏览器的滚动条都要求颜色和风
经常上网的人一定碰到过找不到页面的情况，此时是否有点让人沮丧呢，本文介绍了一些404页面设计优秀的例子，当我们撞见些好玩可爱的页面时，有时反- 带农历的JavaScript日期时间，增加了农历使这款代码更具实用性，很不错，不但有农历，而且还可以显示民国计年，可以判断显示闰月、闰年等，
- FCKeditor至今已经到了2.3.1版本了，对于国内的WEB开发者来说，也基本上都已经“闻风知多少”了，很多人将其融放到自己的项目中，更
- 我的朋友没在服务器上设置DSN，可他一样访问数据库，他是怎样做到的？ 其实，只要我们知道数据库文件名(比如Access、Parad
- 07年，我是极力推崇网站规范制作，好处很多，对商业，对用户，对设计师。我们走了两年，现在有了一定的成效，我们也看到了规范所带来的好处和便利。
- 昨天在网上看到一个防采集软件，说采集只访问当前网页，不会访问网页的图片、JS等，今天突然想到，通过动态程序和Js访问分别记录访问者的IP，然
- 1、选取最适用的字段属性MySQL 可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建
- 题目：一个六位数，分别用2，3，4，5，6乘它，得到的五个新数仍是由原数中的六个数字组成，只是位置不同，则此六位数是多少？function
- 使用 Microsoft® SQL Server™ 2000，可以选择在一台计算机上安装 SQL Ser
- CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题：1、DOCTY
- 在Windows系统中用“Ctrl+C”和“Ctrl+V”就可以完成复制、粘贴工作，是不是很爽？其实使用a标签的accesskey属性也可以
- 内容摘要：图片切换效果在网页制作中经常被使用，好的切换效果不仅增加了网站的实用行也提升了网站的趣味性。而图片切换方法有的使用flash来实现
- Set objTextStream=FileSystemObject.CreateTextFile(Filename,[Overwrite]
- 1.彻底弄懂CSS盒子模式一(DIV布局快速入门) 2.彻底弄懂CSS盒子模式二(导航栏实例) 4.彻底弄懂CSS盒子模式四(绝对定位和相对
- 排序是个很泛的概念，而且根据被排序的数据量排序方法和侧重又有很大的不同。因此一直没想到从何着手。今天把玩iphone的时候突然又想到这个问题
- BluePrint是一个非常成熟也非常流行的CSS框架，很多网站和wordpress基于Blueprint搭建前端结构。最近，bluepri
- 假如你正在运行使用MySQL的Web应用程序，那么你把密码或者其他敏感信息保存在应用程序里的机会就很大。保护这些数据免受黑客或者窥探者的获取
- 在这个擦亮自己的眼睛去看SQL Server的系列中的第二篇中提过要写历史渊源，这里的历史主要描述的是数据库本身的历史与SQL Server
