优化网站性能:
1、使用缓存
1)减少http请求,合理设置 HTTP缓存
- 减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一次访问需要的javascript和CSS合并成一个文件,这样浏览器就只需要一次请求。图片也可以合并,多张图片合并成一张。
- 很少变化的图片资源可以直接通过 HTTP Header中的Expires设置一个很长的过期头 ;变化不频繁而又可能会变的资源可以使用 Last-Modifed来做请求验证。尽可能的让资源能够在缓存中待得更久。
2)使用浏览器缓存
- 通过设置http头中的cache-control和expires的属性,可设定浏览器缓存,也可以设置缓存生效时长。
2、图片懒加载;
3、CSS放在页面最上部,javascript放在页面最下面
- 浏览器渲染页面会先渲染HTML生成DOM树,下载完全部CSS之后才会将css与DOM树结合生成 CSSOM树 因此应将css放在页面最上面,防止页面由无样式渲染 跳转到 有样式渲染页面,影响用户体验
- Javascript则相反,浏览器在加载javascript后立即执行,有可能会阻塞整个页面,造成页面显示缓慢,因此javascript最好放在页面最下面。
4、减少操作DOM
5、减少重排(Reflow)
6、减少请求;
7、异步请求