问答入门----- web 性能

我们想改善web性能，那么首先得了解下什么是性能？ 怎么测试网站的web性能？ web性能跟哪些东西有关？

1、什么是网站性能？

答：说白了就是打开一个网站页面的速度快慢，速度越快，性能越好。

2、如何对一个网站的性能进行测试？

答：网上还是有很多成熟的工具可以供我们使用的，这里介绍两种，分别是Yslow 和 PageSpeed Tools 工具。

Yslow是一种浏览器插件，Firefox 和 Chrome 版本的都有。可以下载使用， firefox 的需要配合 fireBug 一起使用。 使用教程比较奥简单，打开firebug ， Yslow就在最后边呢。怎么使用，在此不再赘述。 优点是任何网站的任何界面都可以测试。

PageSpeed Tools 工具是谷歌开发中心的一个在线工具， 把你需要测试的网站地址输入进去，就可以测试了，只会测试你输入的地址那一个页面哦， 所以这个工具不能够测试内网的网站，只能测试互联网可访问的网站。 但是 这个应该更权威一下，界面也好看一点。

3、web性能主要跟那些因素相关。

a、首先是页面内容的多少。因为我们访问一个网页就是把这个网页上的各种元素，比图说图片啊，文字啊，媒体文件啦从服务器上请求回本地。所以这个页面上有多少东西就会影响页面的加载速度。

b、资源文件的大小； 比如说一张图片，一张300KB 的图片在同等网速的情况下肯定是不如一张50kb的图片传输的快。

c、本地是否存在缓存； 如果本地存在缓存，那么就无需向服务器再发送请求了，要知道读取本地数据的速度是相当快速的，所以是否有缓存是很影响速度的。

d、js 事件的执行速度； 一般网页中都存在大量的js逻辑。 其中所有的逻辑的执行速度也会影响页面的加载速度。

那么问题简单了。对症下药即可提升网站的web 性能；

1、合并相关文件。如果一个页面需要10个js ，发送10次请求，那么把10个文件，合并为一个文件，是会提升速度的，因为浏览器不能同时发送两个请求。

2、压缩图片，js ，css等文件的大小。

3、开启浏览器缓存

4、优化js 代码逻辑。 尤其是各种循环。

5、异步加载页面。先让首屏展示出来。

附上两个在线压缩图片的网站：

http://www.tuhaokuai.com/image && https://zhitu.isux.us/

效果还是很明显的。

最后总结：

如何提高网站的web性能？

首先建议开启gzip压缩，如何开启请自行百度， 比较简单，tomcat也支持开启，开启后可以通过查看请求体来判断是否开启

一、 减少http请求！ 这个可以观察下任何一个网站的请求详情，你会发现，一次请求一个300kb 的js文件要比三次请求三个100kb的文件要快的。 所以尽可能减少http 请求吧！

er、 使用浏览器缓存 or 开启cdn 加速。 这个本质上也是减少了http请求。

叁、 压缩js 、 css、 图片等可压缩的文件。并且调整js 和 css位置。先css 后js

four、 减少cookie 的传输。

5、 反向代理，这个需要额外配置服务器，跟我目前优化的方向不一致，暂不介绍了。