内容方面
- 减少HTTP请求: 合并文件, 使用CSS Sprite, 较小的图片可以使用数据链接(数据链接格式:
data:image/png;base64,xxxxx数据内容xxxxx)等 - 减少DNS查询: DNS缓存, 将资源分部到恰当数量的主机
- 减少DOM元素的数量
服务器方面
- 使用CDN
- 配置Etag
- 使用Gzip压缩
Cookie方面
减小cookie大小
CSS方面
- 将样式表放到页面顶部
- 不使用CSS表达式(CSS表达式是IE浏览器特有的, 把css和js关联起来动态设置样式的方法)
- 使用link而不使用@import(link标签引用的css会在页面加载同时被加载; 而@import引用的css会等到页面全部下载完成再加载, 有时候有闪烁现象)
JavaScript方面
- 将脚本放在页面底部
- 将js和css从外部引入
- 将js和css压缩
- 减少DOM操作
图片方面
- 优化图片: 根据实际需要选择色深, 压缩
- 优化CSS Sprite
- 不要在HTML中拉伸图片
网友评论