网页优化

内容部分

1.尽量减少HTTP请求

将多个js和css进行文件合并,减少请求数,通过 CSS Sprites 来减少多个小图片的请求

2.减少DNS查找

将页面内容分成两部分或四部分,来达到减少dns查找和并行下载的权衡

3.避免跳转

尽可能的避免跳转,注意url的规范,如被全/和不同域名的跳转,可以通过Alias或者mod_rewirte建立CNAME

4.可缓存的AJAX

5.推迟加载内容

6.预加载

分为无条件加载,有条件加载和有预期的加载

7.减少DOM元素数量

8.根据域名划分页面内容

9.使iframe的数量最小

10.不要出现404错误

服务器部分

11.使用内容分发网络

12.为文件头指定Expires或Cache-Control

静态内容,在更改并不频繁的文件要缓存起来,有更新时通过修改文件名来实现

13.Gzip压缩文件内容

14.配置ETag

15.尽早刷新输出缓冲

对于大的静态页面输出,可采用php flush

16.使用GET来完成AJAX请求

javascript和CSS部分

17.把样式表置于顶部

18.避免使用CSS表达式(Expression)

19.使用外部JavaScript和CSS

20.削减JavaScript和CSS

21.用<link>代替@import

22.避免使用滤镜

23.把脚本置于页面底部

24.剔除重复脚本

25.减少DOM访问

26.开发智能事件处理程序

图片和Cookie

27.减小Cookie体积

28.对于页面内容使用无coockie域名

开新的域名来显示网站的静态内容

29.优化图像

将gif转换成png,用pngcrush优化png图,用jpegtran优化jpg,去掉exif和注释,

30.优化CSS Spirite

将大背景图中和小图横向摆放,颜色相近的放一起,中间不留大空隙

31.不要在HTML中缩放图像

32.favicon.ico要小而且可缓存

移动开发部分

33.保持单个内容小于25K

34.打包组件成复合文本

原文地址:https://www.cnblogs.com/zzxap/p/2175723.html