网站性能:图片和Coockie以及移动应用的优化

•      我们在前面的几节中分别讲了提高网站性能中内容、服务器、JavaScript和CSS等方面的内容。除此之外，图片和Coockie也是我们网站中几乎不可缺少组成部分，此外随着移动设备的流行，对于移动应用的优化也十分重要。这主要包括：
  Coockie:
  1. 减小Cookie体积
  2. 对于页面内容使用无coockie域名

  图片：

  1. 优化图像
  2. 优化CSS Spirite
  3. 不要在HTML中缩放图像
  4. favicon.ico要小而且可缓存

  移动应用：

  1. 保持单个内容小于25K
  2. 打包组件成复合文本

  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。
  
  29、优化图像
        设计人员完成对页面的设计之后，不要急于将它们上传到web服务器，这里还需要做几件事：

  • 你可以检查一下你的GIF图片中图像颜色的数量是否和调色板规格一致。 使用imagemagick中下面的命令行很容易检查：
    
  • [1] [2] [3] 下一页 
  • 
    复制本页网址和标题，发送给你QQ/Msn的好友一起分享
    
  • 网站性能:图片和Coockie以及移动应用的优化 相关文章：
  • ·QQ空间黑色背景的素材图片
  • ·QQ空间漂浮图片代码
  • ·Flash制作滚动广告图片效果
  • ·Flash简单制作实用的图片切换动画特效
  • ·QQ上用来吓人的图片
  • ·国外流行的五款免费在线图片编辑器评测
  • ·图片保存到数据库和从数据库读取图片并显示(c#)
  • ·Flash 图片轮换效果
  • ·主板更换电容终极图片演试
  • ·ASP无组件上传图片的基本方法
  • 网站性能:图片和Coockie以及移动应用的优化 相关软件
  • ·QQ搞笑表情gif动态图片集 V1.0 最新版
  • ·周恩来总理经典图片集
  • ·《梦幻麻将馆七中文》 通关图片档
  • ·教师节矢量图片集一
  • ·图片合成 3.80
  • ·毛泽东珍贵图片集
  • ·Image batch dispose批量图片处理工具 V5.88
  • ·图片下载之图片猎人(Pix Hunter) V3.0 Bate
  • ·网络图片搜索大王(WebPicSearch) V4.3.521
  • ·优泰电子印章图片生成器 V2.0

  上一篇:详解Javascript匿名函数的使用

  下一篇:Fireworks教程：真实的物体阴影效果

  • 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
  • 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
  • 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐