对于 Web 性能优化

雨点打透心脏的1/2处 2021-06-24 16:11 409阅读 0赞

学习地址： [https://www.cnblogs.com/bwlluck/p/6658340.html][https_www.cnblogs.com_bwlluck_p_6658340.html]

## 1、前端优化 ##

（1）减少 HTTP 请求的次数。我们知道每次发送http请求，建立连接和等待相应会花去相当一部分时间，所以在发送http请求的时候，尽量减少请求的次数，一次请求能取出的数据就不要分多次发送。

###### 注意： 此处说的是尽量减少请求的次数，建立连接和等待会消耗时间，但是如果一次性请求大量数据，web端不能得到很好用户体验，将会得不偿失。js中也没有多线程，所以这里应当合理选择。 ######

（2）启用浏览器缓存，当确定请求的数据不会发生变化时，能够直接读浏览器缓存的就不要向服务端发送请求。比如我们ajax里面有一个参数能够设置请求的时候是否启用缓存，这种情况下就需要我们在发送请求的时候做好相应的缓存处理。

###### 注意：数据不会发生变化。浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中。 ######

（3）css文件放 在<head>里面，js文件尽量放在页面的底部。因为请求js文件是很花费时间，如果放在<head>里面，就会导致页面的 DOM树呈现需要等待js文件加载完成。这也就是为什么很多网站的源码里面看到引用的文件放在最后的原因。

（4）使用压缩的css和js文件。这个不用多说，网络流量小。

（5）如果条件允许，尽量使用CDN的方式引用文件，这样就能减少网络流量。比如我们常用的网站[http://www.bootcdn.cn/][http_www.bootcdn.cn]。

（6）在写js和css的语法时，尽量避免重复的css，尽量减少js里面循环的次数，诸如此类。

## 2、后端优化： ##

（1）程序的优化：这是一个很大的话题，我这里就选几个常见的。比如减少代码的层级结构、避免循环嵌套、避免循环CURD数据库、优化算法等等。

（2）数据库的优化：（由于数据库优化不是本题重点，所以可选几个主要的来说）比如启用数据库缓存、常用的字段建索引、尽量避免大事务操作、避免select \* 的写法、尽量不用in和not in 这种耗性能的用法等等。

（3）服务器优化：（这个可作为可选项）负载均衡、Web服务器和数据库分离、UI和Service分离等等。

[https_www.cnblogs.com_bwlluck_p_6658340.html]: https://www.cnblogs.com/bwlluck/p/6658340.html
[http_www.bootcdn.cn]: http://www.bootcdn.cn/

还没有评论，来说两句吧...