挣脱浏览器的束缚（1）

挣脱浏览器的束缚（1） - 前言

2007-01-18 17:08 by Jeffrey Zhao, 6129 阅读, 24 评论, 收藏, 编辑

最近在为某个人门户站点作优化。

从传统意义上来说，这个站点的各方面都属中规中矩。不过作为一个以客户端为中心的Web应用，其性能，尤其是它的感知性能（Perceived Performance），经常会严重受制于浏览器本身。一个没有对客户端数据访问模型经过精心设计和优化的应用，其导致的结果往往就是无法充分利用带宽，让用户等待的时间变长。换句话说，其Perceived Performance需要进一步的提高。

突破浏览器限制，充分利用带宽，提高性能，尤其是Perceived Performance等等，就是我这次优化的目的。在接下来的几篇文章里，我将以数据说话，探讨浏览器的限制，并从多个方面来谈一下这次优化的各种方式。由于该个人门户使用了ASP.NET AJAX进行开发，因此我也将会给出一些基于ASP.NET AJAX的解决方案，希望会有一定参考价值，对朋友们能有所帮助。

工具

本着实事求是的原则，我们需要使用数据来说话，于是我们也就需要一些好用的工具。它们可以帮助我们统计各种数据，以便我们进行分析和优化。

在IE中，我们需要使用Http Watch这个工具来统计页面中每个请求的信息，例如开始时间，持续长度等等，能够轻松得出详细的数据（图1），非常好用。而且对于我们来说，一个Free Edition已经足够使用了。Free Edition虽然无法得到每次请求的所有信息，但是我们已经有了再熟悉不过的Fiddler。我们完全可以通过那些数据使用Excel作出统计图表（图2），进行分析。

图1：访问http://www.google.com的统计数据

图2：使用Office 2007绘制的统计图表

在FireFox下面，我一开始使用的是Google Page Load Analyzer，但是发现使用起来实在不方便，它既无法向Http Watch一样得到详细的信息，以便我们作出统计图表；而它自动生成的示意图又非常难看，很难进行分析。后经人提醒，最新的FireBug也有类似的功能。装上一看，果然好用。虽然无法获得精确数据，但是它生成的示意图（图3）已经可以直接进行分析了。

图3：访问http://www.cnblogs.com时FireBug绘制的统计示意图

此外，为了在本地或局域网内模拟低网速的情况，我再推荐一款工具NetLimiter 2 Pro。它能够对于某个程序、进程甚至某个连接在访问网络时的带宽进行限制，无论是因特网、局域网还是本机（图4）。最后，例如IE Dev Toolbar等工具自然也是必备的，我们可以在需要的时候使用它们。

图4：使用NetLimiter 2 Pro限制IE的带宽

有了上面这些工具，就可以开始我们的分析优化之旅了。

挣脱浏览器的束缚（1） - 前言相关推荐

挣脱浏览器的束缚（2） - 别让脚本引入坏了事
挣脱浏览器的束缚(2) - 别让脚本引入坏了事 2007-01-20 01:25 by Jeffrey Zhao, 5267 阅读, 43 评论, 收藏, 编辑现在哪里还找得到不引入JavaScri ...
挣脱浏览器的束缚（3） - 两个连接还不够“并行”
挣脱浏览器的束缚(3) - 两个连接还不够"并行" 2007-01-22 14:42 by Jeffrey Zhao, 5894 阅读, 26 评论, 收藏, 编辑在讨论这次的主 ...
挣脱浏览器的束缚（7） - CrossSubDomainExecutor
在上次的文章中,我们已经提到了一种能够跨子域名进行AJAX请求的方法.我们现在就来实现一个对开发人员透明的实现,它会自动判断这个请求是否是跨子域名,如果不是,则使用传统的方法发出AJAX请求,反之则使 ...
挣脱浏览器的束缚（5） - 哭笑不得的IE Bug
还记得<ASP.NET AJAX Under the Hood Secrets>吗?这是我在自己的Blog上推荐过的唯一一篇文章(不过更可能是一时兴起).在这片文章里,Omar Al Za ...
优化asp.net ajax的脚本资源下载
大家好像都有一种同感,使用了asp.net ajax的网站的速度好像都不是特别快.目前维护的网站,页面执行时间在0.1秒上下,页面本身的HTML也在50K左右,经常都是页面标题已经显示出来一段时间了, ...
测试网页速度性能的利器-Yslow和page speed
Yahoo的YSlow大家应该都比较熟悉了,那是找出我们网页为什么缓慢的利器.其实Google也有类似的FireFox插件,名字叫做"Page Speed",虽然名字比YSlow逊 ...
Google的YSlow——Page Speed（附插件下载）
Yahoo的YSlow大家应该都比较熟悉了,那是找出我们网页为什么缓慢的利器.其实Google也有类似的FireFox插件,名字叫做"Page Speed",虽然名字比YSlow逊 ...
精化集ASP.NET AJAX与ASP.NET MVC分类第二轮筛选结果
以下是包同学导给我的清单.老赵的第二轮把关很严,杀了几乎99%的文章.不过似乎有少部分并没有经过我的手,可能是其他同学转过来的吧.第三轮老赵依旧会严格把关,肯定也会杀更多(包括通过其他同学第二轮的)文 ...
《博客园精华集－－WEB分册》第三轮结果－－心痛时刻一如既往
<博客园精华集--WEB分册>第三轮筛选结果发布,已经过转载排除和重新分类,入选文章合计 54 篇,其中HTML/CSS 7 篇,WEB标准 23 篇,各种优化 8 篇,JS 16篇.另H ...

挣脱浏览器的束缚（1） - 前言

挣脱浏览器的束缚（1） - 前言

挣脱浏览器的束缚（1） - 前言相关推荐

最新文章

热门文章