1、从DOM结构和标签上来优化
使用语义化标签，代码清晰简洁
减少Dom节点，提高渲染速度；
用W3C标准书写封闭的小写标签；
在图像和表中指定宽度和高度，避免缩放；
防止src和href的值为空，如果为空，浏览器将当前页面作为属性值重载；
css为头部位置，js为身体底部位置；
2、从CSS样式上来优化
使用link加载样式而不是@import (这是css2提供的方式，不兼容，只能加载css。 此外，页面的所有组件都是在加载后加载的，并且在完成之前会出现“闪烁”。 link是XHTML标记，没有兼容性问题)。
避免使用css公式；
避免使用CSS过滤器；
#使用css缩写，如fff，减少代码量；
消除重复的css，简化css；
使用CSS精灵将同类图片合成一张，减少图片的http请求；
减少css查询级别。 例如， header .log优于. header .top .log
减少css查询的范围，例如headerdiv比heade div更好地获取直系子元素；
避免TAG标签与CLASS或ID共存：例如a.top，button#submit；
3、从js上来优化
js尽量不使用全局变量
合并多个js变量声明；
因为不使用eval函数，所以不安全，性能消耗严重
使用事件代理绑定事件，例如将事件绑定到body以进行代理(通过使用冒泡原理将事件添加到父级，可以将数据绑定到动态添加的元素)；
避免频繁操作DOM节点，用innerHTML代替
减少对象搜索的方法(如a.data.box1.name )非常消耗性能，并尽可能将其定义为变量；
类型转换，将数字转换字符串转换为varstr=‘'1； 要将浮点数转换为格式，请单击Math.floor (或Math.round )；
js对应该使用正则表达式的字符串进行置换、检索等字符串循环操作；
删除重复的js
使用setTimeout避免页面停止响应
使用hash-table优化搜索
4、其他方面进行优化
通过尽可能地集成js和css并压缩js和css，可以缩短文件传输时间；
通过CDN加速
减少Cookie的大小，使用没有Cookie的域，减少客户端请求静态文件时Cookie的重复传输对域的影响；
在文件头中指定Expirs，使内容具有缓存性；
减少和权衡DNS查询
不要在html标签中写入样式属性