网站速度优化-前端篇

1. 页面中最好不要有js片段，合并多个js为一个js，并将js压缩 （百度搜索，有在线js压缩、解压缩工具），并放在文档底部

2. 页面中最好不要有css片段，合并多个css，并将css压缩（百度搜索，有在线css压缩、解压缩工具）

3. html内容压缩，一般可节省30%以上（百度搜索，有在线html压缩、解压缩工具）
   

4. 使用浏览器缓存技术，减少再次请求数量

5. 背景小图片使用css偏移技术，减少请求量

6. 图片使用单独域名请求，比如主域名使用www.aixinwen.cn，图片调用域名启用二级img.aixinwen.cn。因为浏览器并发请求有限制，一般是并发7-10个；如果主站cookie启用了顶级域名，比如aixinwen.cn，即使使用二级域名img.aixinwen.cn，还是会发送简短的cookie，如果访问量大，cookie发送量还是不容小觑，这时候就应该启用一个cookie无关的域名，比如www.axwimg.cn，来存放不需要cookie的静态资源（比如css，图片，js等）。

7. 页面有多张图片，采用js懒加载技术

8. 首屏加载速度对于用户体验很重要，有必要的话，重构页面，首屏dom先加载
   

优化速度是有指标可以衡量的，比如首屏加载及渲染时间，整个页面加载和渲染时间，可以用基调网络的webwatch来看，免费的，可以在这里下载http://www.networkbench.com/download/NBSetup.exe

里边包含了webwatch，安装后在“开始”菜单里可以找到