如何优化网站性能

优化网站性能：

1、使用缓存

1）减少http请求，合理设置 HTTP缓存

• 减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一次访问需要的javascript和CSS合并成一个文件，这样浏览器就只需要一次请求。图片也可以合并，多张图片合并成一张。
• 很少变化的图片资源可以直接通过 HTTP Header中的Expires设置一个很长的过期头 ;变化不频繁而又可能会变的资源可以使用 Last-Modifed来做请求验证。尽可能的让资源能够在缓存中待得更久。

2）使用浏览器缓存

• 通过设置http头中的cache-control和expires的属性，可设定浏览器缓存，也可以设置缓存生效时长。

2、图片懒加载；

• 详见Vue+原生js实现图片懒加载

3、CSS放在页面最上部，javascript放在页面最下面

• 浏览器渲染页面会先渲染HTML生成DOM树，下载完全部CSS之后才会将css与DOM树结合生成 CSSOM树 因此应将css放在页面最上面，防止页面由无样式渲染 跳转到 有样式渲染页面，影响用户体验
• Javascript则相反，浏览器在加载javascript后立即执行，有可能会阻塞整个页面，造成页面显示缓慢，因此javascript最好放在页面最下面。

4、减少操作DOM

5、减少重排（Reflow）

6、减少请求；

7、异步请求