本文介绍了前端和后端的Web性能优化方法，包括减少HTTP请求、启用浏览器缓存、合理放置CSS和JS文件、使用压缩文件及CDN服务等前端优化手段；以及程序优化如减少代码层级、避免循环嵌套等，数据库优化如启用缓存、建立索引等，还有服务器层面的优化措施。
对于 Web 性能优化，您有哪些了解和经验吗？
1、前端优化
（1）减少 HTTP 请求的次数。我们知道每次发送http请求，建立连接和等待相应会花去相当一部分时间，所以在发送http请求的时候，尽量减少请求的次数，一次请求能取出的数据就不要分多次发送。
（2）启用浏览器缓存，当确定请求的数据不会发生变化时，能够直接读浏览器缓存的就不要向服务端发送请求。比如我们ajax里面有一个参数能够设置请求的时候是否启用缓存，这种情况下就需要我们在发送请求的时候做好相应的缓存处理。
（3）css文件放 在<head>里面，js文件尽量放在页面的底部。因为请求js文件是很花费时间，如果放在<head>里面，就会导致页面的 DOM树呈现需要等待js文件加载完成。这也就是为什么很多网站的源码里面看到引用的文件放在最后的原因。
（4）使用压缩的css和js文件。这个不用多说，网络流量小。
（5）如果条件允许，尽量使用CDN的方式引用文件，这样就能减少网络流量。比如我们常用的网站http://www.bootcdn.cn/。
（6）在写js和css的语法时，尽量避免重复的css，尽量减少js里面循环的次数，诸如此类。
2、后端优化：
（1）程序的优化：这是一个很大的话题，我这里就选几个常见的。比如减少代码的层级结构、避免循环嵌套、避免循环CURD数据库、优化算法等等。
（2）数据库的优化：（由于数据库优化不是本题重点，所以可选几个主要的来说）比如启用数据库缓存、常用的字段建索引、尽量避免大事务操作、避免select * 的写法、尽量不用in和not in 这种耗性能的用法等等。
（3）服务器优化：（这个可作为可选项）负载均衡、Web服务器和数据库分离、UI和Service分离等等;
扫一扫
2525
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
