1.减少HTTP请求
减少图片、css、js的请求次数,从而减少响应时间。
比如在可能的情况下把CSS、js写入一个文件夹;
页面中减少img标签的使用,写入css,利用CSS sprites 再用background来定位。
2.css
css文件放在头部,用户在打开网页的时候可以更早的看到网站的完整样式;
删除css中重复的代码;
压缩css代码的体积;
公用的css使用外链,这样用户加载一次就都可以使用,也是优化的一部分;
3.js
js文件放在底部,网页呈现完后在进行功能设置;
剩下三点同上(css部分);
4.避免重定向
在网页中写入链接的时候,“http://www.chichi.com”和“http://www.chichi.com/”是不一样的,仔细看,后面的多了一个“/” (⊙o⊙)… 服务器需要把前者重定向为后者在进行跳转,所以这个也是需要花时间的。
5.DOM
减少DOM树操作,这个是常识o(╯□╰)o,JS访问DOM是很慢的,所以尽量不要用JS来设置页面结构,多用innerHTML操作内容。
页面结构如果很复杂,那就需要花更长的时间来下载和响应,所以使用合理的标签来构架页面也是很重要的。
6.缓存
Ajax是实时响应的,在浏览器接受到新数据前,旧数据被缓存,这样能够更好的提高效率。
7.post和get
get方法和服务器只有一次交互,但是post有两次(发送头部在发送数据)。
8.预加载
咱们还可以预加载组件,为后续请求提供更快的响应。
9.图片
比如一个区域要用100*100的图,咱们就不要上1000*1000的,浪费啊亲,还有就是jpg转为png8也是个减少体积的方法。
10.cookie
cookie在服务器和浏览器中来回传递,减少cooki体积,设置合理的过期日期,也能达到优化的目的。
暂时就这些吧,以后再添加。