前端优化网站方法整理

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体积，设置合理的过期日期，也能达到优化的目的。

暂时就这些吧，以后再添加。