＋设为首页 ＋添加到收藏夹
介绍
目标 【相关文章:1+1大于2 工具软件在网吧维护中的综合】
作为一个做网页性能测试的公司，我们一直关注新的开发技术在提高网页程序性能方面的影响。我们有不少用户遇到仅仅是因为他们网页的大小而影响其性能的问题。简单说——页面太大了不能在有限的带宽条件下达到理想的性能。很多情况下，在不同网页间包含的基本要素是相同的。例如，页头、页尾、导航条都很少变化，在一些程序中甚至根本没有变化。这点启发我们，如果程序只更新页面中需要改变的部分，将可以节省可观的带宽。 【扩展阅读:最佳的75个安全工具(1)】
结果 【扩展信息:基于Webshell的sniffer可行】
为了验证这个理论，我们决定看看是否能让程序节约至少50%的带宽。我们选择了一个相当简单的内部数据分析程序。程序由典型的网页版面构成：中间是变化的内容部分。页头、页尾与导航条部分都没有任何变化。我们编辑了程序以便可以通过传统的页面刷新方式与ajax方式来访问它。接下来我们用测试工具（网页性能分析器）记录分析了两种不同方式网页的带宽利用情况。
实验的第一个成果是有一点让我们惊讶。谈到ajax体系结构，我们本以为选择一个合适的ajax结构应用在我们的程序中会比较费事。在用一些流行的网页架构做了一些简单的实验并考虑到javascript函数的危险性后，我们决定采用选取的一些简单的javascrip函数来达到我们的目标。我们能够从网上种类繁多的 javascript/ajax使用指南中得到我们需要的代码段，通过不超过100行javascript代码，我们把程序修改成利用ajax的方式。不需要任何框架结构。
scenario/mode first-page size typical page size total bandwidth page-refresh 44k 10k 210k ajax 47k 2.5k 81k总带宽节约>61%
节约的带宽从何而来
下面是我们从测试工具（网页性能分析器）上抓下的截图，显示了传统与ajax两个不同版本的页面传输数据大小。从下图可以看到urls（链接）与大小，ajax模式程序确实让首页变得更大。在我们的测试中，大约大了3k。... 下一页
