Novelty Design

和浮于面,锐藏于心,小胜凭智,大胜在德。

[置顶] Blog恢复中

来自Yahoo!网站性能34条黄金守则 系列四 图片、Coockie与移动应用

[ At 2010-1-10 By hajjicall   0 comments ]

除此之外,图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要。这主要包括:

Coockie:
   1. 减小Cookie体积
   2. 对于页面内容使用无coockie域名

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

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

Read More...

来自Yahoo!网站性能34条黄金守则 系列三 JavaScript和CSS

[ At 2010-1-10 By hajjicall   0 comments ]

JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:

CSS:
   1. 把样式表置于顶部
   2. 避免使用CSS表达式(Expression)
   3. 使用外部JavaScript和CSS
   4. 削减JavaScript和CSS
   5. 用<link>代替@import
   6. 避免使用滤镜

JavaScript
   1. 把脚本置于页面底部
   2. 使用外部JavaScript和CSS
   3. 削减JavaScript和CSS
   4. 剔除重复脚本
   5. 减少DOM访问
   6. 开发智能事件处理程序

Read More...

来自Yahoo!网站性能34条黄金守则 系列二 服务器端

[ At 2010-1-10 By hajjicall   0 comments ]

除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改进的地方,它们包括:
    1. 使用内容分发网络
   2. 为文件头指定Expires或Cache-Control
   3. Gzip压缩文件内容
   4. 配置ETag
   5. 尽早刷新输出缓冲
   6. 使用GET来完成AJAX请求

Read More...

来自Yahoo!网站性能34条黄金守则 系列一 内容部分

[ At 2010-1-10 By hajjicall   0 comments ]

Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。

Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。

其中内容部分一共十条建议:

一、内容部分
   1. 尽量减少HTTP请求
   2. 减少DNS查找
   3. 避免跳转
   4. 缓存Ajxa
   5. 推迟加载
   6. 提前加载
   7. 减少DOM元素数量
   8. 用域名划分页面内容
   9. 使frame数量最少
  10. 避免404错误

Read More...
分页:[«]1[»]

Powered By Z-Blog 1.8 Walle Build 91204 Code detection by Codefense

Copyright 2008-2009 NoveltyDesign. All Rights Reserved.苏ICP备09045792号