如何对网站进行性能优化

1. 减少HTTP请求次数

 1. 对于页面中要多次重复请求，我们可以调用`sessionStorage`来存储拿到的数据，关闭页面后会消失，直到下次请求发起。
 2. 合并文件，把内容较少的css文件合并到一起

2.css文件尽量放在顶端，JavaScript代码放在底部

css文件尽量放在header标签里面

3.减少JavaScript代码内容

尽量使用简单易懂的变量名，减少注释，压缩js代码，还可以使用JQuery简化代码

4.懒加载和预加载

懒加载

懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用

预加载

WEB中的预加载就是在网页全部加载之前，对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载技术的页面就会长时间的展现为一片空白，直到所有内容加载完毕。

图片的预加载技术使用较为广泛，一般的效果是网页中的图片由模糊变得清晰。

5.使用@import代替link

属性区别

@import：CSS 提供的语法规则，只有导入样式表的作用
link: link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。

加载顺序区别

@import: 引入的css在页面加载完毕后才会加载
link: 引入的css同时加载

6.避免使用css表达式

表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。