Web性能调优的利器

Web性能调优的利器

我们在做web应用程序的时候会碰到性能的问题，但是仔细看过代码，没有发现有问题的地方，连接数据库也经过测试都没有耗时太多的地方，这个时候就需要httpwatch登场了，界面如下：

       当然有人喜欢用Fidder也没关系，道理是一样的，关键是我们如何借助这个工具来优化新能，通过此工具就能监控到加载每个页面的时间及总时间，我们要做的就是：1、分析加载时间比较长的页面及是否有重复加载的问题；2、我们也可以通过请求的结果分辨出来请求的成功与否，红色的是请求失败的，Result：200是从服务端直接情况的，304是读取的缓存数据，404是没有找到文件；3、如果有IFrame就会多次加载jQuery等常用的js，如果不用iFrame都放置到一个页面，加载的速度会快很多；4、查看服务端往客户端发送数据的数据量的大小，我们可以将发送的数据截取出来放置到word中，通过字数统计查看字节数的多少，如果小于100k，应该数据量不到，如果大于1M就需要优化sql减少数据量方面【减少Select的无关的字段数量】进行考虑了。

       当然了如果代码写的冗余，循环太多，语法不规范等等也会影响性能，这些也需要检查，关于js的优化可以参考我的这两篇文章：

       http://blog.csdn.net/jcx5083761/article/details/14120851

       http://blog.csdn.net/jcx5083761/article/details/7756221

相信你会获益匪浅。

       如有问题，欢迎留言交流分享。

有些时候调试web页面，在循环里面我们不方便设置断点进行调试，或者调试起来比较麻烦，我们就可以用openWindow的方法打印出想要查看的信息，既方便又省时。

代码如下：

OpenWindow = window.open("", "newwin", "height=300, width=600,top=10,left=0,toolbar=yes,menubar=yes,scrollbars=yes");
OpenWindow.document.writeln('leftTime:' + leftTime + ';countLeft:' + countLeft);
OpenWindow.document.writeln("<br/>");

中间一行的writeln就是你想要打印的信息。