提高网页性能

Posted 2021-01-23 bokeyanghao

　　1.多采用雪碧图

　　　　将很多图片合成一张图片，需要多次请求，只需要一次就请求过来了，减少向服务器的请求次数

　　2.阻止超链接的默认行为  

　　　　点击超链接，会向后台发送请求，刷新页面，所以要以<a href="javascript:;"></a>  取消刷新页面的功能

　　3.减少dom回流　

　　　　dom回流：

　　　　添加一个，对第一个计算一次

　　　　添加两个，对第一个计算两次，对第二个计算一次

　　　　添加三个，对第一个计算三次，对第二个计算两次，对第三个计算一次

　　　　页面渲染时，我们对html结构简单的增删，查改时，浏览器会对所有的dom重新排列，这就是dom回流，严总影响浏览器性能

　　　　所以使用文档碎片来减少dom回流（字符串拼接，及dom回流的结合版）

　　4.减少向服务器的请求次数

　　　　尽可能多的减少向服务器的请求次数，提高网页的性能