网站性能优化

Posted 2021-02-06 theblogs

网站性能优化的一些解决方案

1、资源文件合并，减少HTTP请求次数

合并Js，合并css，图片使用sprite

2、静态资源压缩

图片、CSS、JS在发布前要压缩

2、减少页面DOM操作

操作多的话可以考虑使用虚拟dom

3、延迟加载内容

图片懒加载、数据懒加载（加载更多），功能懒加载

4、使用离线缓存

把常用的变动又少的js、css、图片存储到localstorage，第二次访问的时候直接走本地缓存。在移动端使用广泛

5、使用cdn加速 

cdn的作用：cdn可以处理整个网站 70%-95%的访问量，从而解决网站的并发量，简单的说就是通过在不同地点缓存内容，然后通过负载平衡等技术将用户请求定向到最近的缓存服务器上获取内容，提高用户访问网站的响应速度

6、减少Cookie体积

HTTP coockie可以用于权限验证和个性化身份等多种用途。coockie内的有关信息是通过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小以减少用户的响应时间十分重要

7、预加载

在某个功能还没展现时，在空闲时间预先加载相关图片或者js代码

 

8、用link代替@import

页面被加载时候，link会同时加载，而@import引入的文件会等到页面加载完成之后再进行渲染加载

 

9、减少DNS查找次数

减少主机名的数量还可以减少页面中并行下载的数量。减少DNS查找次数可以节省响应时间

 

10、Gzip压缩文件内容

服务器开启Gzip，能减少50%以上的传输