1，减小js及css文件大小，移除不必要的空白字符（空格，换行、制表符），压缩js可以使用JSMin或者YUI Compressor
2，静态资源合并，当前页面引用的JS和CSS样式放到一个文件中，基本是不变的静态文件，减少HTTP请求次数。
3，将大的css和js独立成外部文件，缓存起来;将小的CSS和JavaScript代码内嵌到HTML中。
4，对于静态内容：设置文件头过期时间Expires值为“Never expire”
5，动态页面,在代码中添加cache-control，如: response.setHeader("Cache-Control", "max-age=3600");
6，在HTML中不要缩放图像，<img width="50" height="50" src="cat.jpg" alt="猫" /> 图片（cat.jpg）应该50x50像素。
7，把引入的外部CSS样式文件放在页面的顶部，只当加载完所有CSS样式浏览器才进行渲染整个页面效果。切记：执行js方法时，页面渲染处于阻塞状态。
8，把在页面加载时就执行js方法放在页面的顶部，例如页面加载时，调用异步js方法从后台取数据。
9，在用户点击操作时才触发js方法，放在页面底部。
10，减少location.reload方法，该方法导致页面所有资源会重新请求，取代使用location.href='当前页的URL'，浏览器会读取本地缓存文件。
11，用GET来完成AJAX请求。
12，单个文件内容尽量小于25K，启用压缩/ GZIP， Accept-Encoding: gzip,deflate。
13，避免CSS @import 替代<link rel="style.css" href="style.css" type="text/css">。
14，避免使用document.write在网页上显示内容或调用外部资源。
15，Style样式文件调用代码放置在JavaScript代码前面。
16，尽量不要在前端做过于复杂的逻辑处理，尽量只进行数据的展示。