论文研究-Ajax及其性能分析 .pdf

所需积分/C币:6 2019-08-15 13:02:07 485KB .PDF
收藏 收藏
举报

Ajax及其性能分析,杨振华,杨社堂,Rich Internet Application(简称RIA,丰富互联网应用程序)是一种具有高度互动性和丰富用户体验的网络应用程序,AJAX客户端与服务器端通过�
山国科技论文在线 http://www.paper.edu.cn 中,它负责编译用户界面及与服务器交互。AJAⅹ引擎使客户端与服务器端响应异步化 并不是所有的用户请求都提父给服务器,一些数据验证和处理由AJAX自己米做而不必要提 父给服务器处理,只有确定要从服务器读取新数据时再由AJAX引擎代为向服务器提父请求 这样可以把以前一些服务器负担的工作交给客户端,利用客户端闲置的能力来处理,从 而减轻服务器和网络带宽的负担。使用AJAX引擎后,用户感觉上几乎所有的操作都会很快 响应没有页面重载的等待,从而提高了用户体验 4.网络流量分析 网站性能包括:网络流量,响应延迟时间和数据下载时间等。为了比铰Wεb1.0和Web2.0的 带宽性能,我们使用 Web performance suite工具来测试网络流量 在传统的webl.0应用中,客户端的每次请求,服务器都需要把模板文件、内容和数据 混合发送给浏览器。以客户在易联网上商城上查看公告为例,客户每次点击查看公告,服务 器将包括布局边框区和信息区的亢整页面反馈给客户端。实际上,当用户查看公告的时候, 服务器真正需要响应的仅仅是更新信息区中公告的内容。这部分只是整个文档中极小部分 使用AJAX技术后,可以通过XML、JSON和XSLT等多和数据方式来响应 AJAX-engine 的请求,从而服务器交付的是数据而不是内容,来实现“根据需要获取数据”。模板文件、 导航列表和贞面布局上的其它部分已经随着初始贞面发送给∫浏览器,以后服务器只需发送 相关的数据即可,这样很大程度地减少冗余凊求和响应对服务器造成的负荷。 0: E.22% 加1: t eec 6里lel u Th Le tu f职5:22hi/ nsrL a mlfbengu四 1的/m址m思upxi刺 22/m小 1 3 03i I edl 留前了罪 ⑩冒 其/m应m]时时 a期品的 10000前 2/m油ml霜u骗; g自烈 03.m减 12:1联g2地/mm1 130gr删m 图2Ajax应用流量要求 图3传统Web应用流量要求 从图2-3中,我们可以看出在访问相同网页情况下,传统Webl.0和AJAX两种模式分 别占用的网络流量。从图3可以看出,四条公告包含了用户需要的数据和相同的页面布局边 框数据。在图2中,从查看cink14公告[1到查看cink114公告[5]对应于图3中读取 elink114公[到读取 elink114公告[5] 从表1中,我们发现当在客户端呈现相同的信息时,而两种模式下载的数据量不同。在 传统Web1.0模式下,每次刷新页面,从服务器下载的內络流量大约是16KB:但是在使用 AJAX技术的Web2.0模式下,內络流量大约是3KB。从图4中,我们可以发现使用AJAX 技术的web2.0模式可以节省大约60%的带宽。传统webL.0模式消耗更多带宽的原因是: 传统模式每次必须下载整个页面。在使用AJAⅩ技术的Wεb2.0模式,只有用户需要的数据 才下载,所以可以节省多余的带宽。 山国科技论文在线 http://www.paper.edu.cn 1500 10000 5000 345 操作婷序 上使用N技 表1两种模式网络流量(单位:byle) 模式 AJAX/B Classic/B 第一页请求 16800 15223 第一页请求 3339 1603了 第三页请求 3338 16054 第四页请求 3341 16056 第五页请求 3333 16048 数总量 30151 79418 五页平均据量603015883 图4两种模式传输流量的比较 5.响应时间分析 响应时间作为web系统重要的性能指标,它是“对请求作出响应所需要的时间”。响应 时间可以被进一步分解。图5措述了一个Web应用的页面响应时间的构成。从图中可以看 到,贝血的响应时间可以被分解为“內终传输时间”(N1-N2+N3+N4)和“应用延迟时间 (A1+A2+A3),而“应用延迟时间”又可以分解为“数据库延迟时间”(A2)和“应用服务器 延迟时间”(A1+A3)。要对响应时间进行这样分解,主要目的是为了能更好定位性能瓶颈 的所在。为了比较webl0和web20在响应时间方面的性能,我们使用测试软件 LOADRUNNER模拟P地址,建立虚拟用户,多个用户并发请求进行测试。 Web Server Data Ba client 图5响应时间 在易联网上商城系统上,客户通过公告管理模块,可以查看每个商户发布的公告,从而知道 商户新商品上架和旧商品打折的时间。我们定义“用户查看公告”作为一个事务。 在传统的基于请求/ˆ响应的Web开发模式中,客户端和服务器端直接通信,它们之间通 信是冋步方式。首先用户触发一个连接到Web服务器的HTTP请求,服务器对其进行解析, 4 山国科技论文在线 http://www.paper.edu.cn 交于后台进行处理,再把结果渲染成HTML页面,最后将其传到浏览器。即使从服务器端 得到很简单的一个数据,都要返回一个完整的HML页面,而客户端都要浪费时问和带宽 去重新读取整个页面,从而降低了Web应用程序的执行速度。通过20和30并发用户米执 行这一事务,来测试传统Web模式拐点值。 图6传统Web模式下“ Vusers-Average Transaction Response”赴线 使用AJAX技术后,客户端通过 AJAX-engine和服务器通信,它们之间通信是异步方 式,并小是将所有的用户请求都提交给服务器,像一些数据验证和数据处理等都提交给客户 端来做,从而减轻∫服务器的压力,提升∫內站的整体性能。在相冋运行环境下,通过30 和40并发用户来执行这·事务,来测试AJAX模式拐点值。 图7Aax模式下“ Vusers--Average Transaction Response`曲线 在图6中,排除抻那些明显的离散点,从整体曲线的变化趋势可以看出随着ⅤUSER的数 量堦加而系统响应时间逐渐变慢。ⅤUSER的数量从0至10增加时,事务的性能表现基本倮持 稳定;当 VUSER的数量从10至20增加时,事务的响应时间缓慢的线形增加状态;当 VUSER 的数量超过20时,事务的响应时间急剧增加。而从图7可以看出, VUSER的数量从0至20增 加时,事务的响应时间基本保持稳定;当ⅤUSER的数量从20至30增加时,响应时间缓慢增 加状态;当ⅤUSER的数量超过30时,事务的响应时间急剧增加 从 、图6的两子图比较中可以看到,当并发用户数增长超过20时,系统出现了一个明显的 性能瓶颈,根据下降曲线分析的方法,在传统Wεb应用下,性能的拐点应该岀现在20个 VUSER左右。在20并发用户情况下,系统的半均响应时间在2024秒之间。而从图7的两子 图比较中可以看到,应用AJAX技术后,当并发用户数增加超过30时,事务的响应时间才急 剧增加,所以性能的拐点应该出现在30个 VUSER左右。而在30并发用户情况下,系统的平 均响应时问在10~12秒之间 因此,从系统能够攴持的并发用户数和系统的响应时间考虑,使用AJAX技术比传统Web 应用优势较为明显。 山国科技论文在线 http://www.paper.edu.cn 6.结束语 AJAX技术可以提高网终系统整体性能、降低系统响应忖间和减少网络带宽浪费。由于 有效网络流量增多,便可以更高效地使用网络资源和更稳定地传送数据,因此,我们可以说 AJAX技术可以提高网络服务质量。除以上优点,AJAX技术拥有更多特点。它可以使用户 界面更智能化和更人性化。在我们实验中,一方面可以验证在响应时间方面AJAX技术给用 户友好提升,可以减少用户焦急等待时间。同刑,当浏览网页时,AJAX技术可以节省带宽, 中于之后访问的页面没有必要连续下载网页的布局边框等内容 参考文献 [1]王沛,冯曼飞.《征服AJAX—Web2.0开发技术详解》[M]北京人民邮电出版社,2006 [2] Dave crane Eric Pascarella. Darren james.《Ajax实战》[M. ajaxcn.org.北京:人民邮电出版社,2006 [3] Ryan Asleson, Nathaniel t, schutt.《Ajax基础教程》[M.金灵.北京:人民邮电出版社,2006 [4 Paulson, L D. Buliding rich web applications with Ajax[ J Computer, 2005. 38(10): 14-17 []段念.《软作性能测试过程详解与案例剖析》[M.北京:清华大学出版社,2006 6]吴吉义平玲娣.Web2.0主流应用技术—AJAX性能分析[.计算机工程与设计,2008,29(8:14-16 [7Lihui Lei, Zhenhua Duan. Intergrating A. JAX and Web Services for Cooperative Image Editing ..IT Professional 2007, 9(3): 25-29 AJAX and its Performance analysis Zhen Hua-YANG, She Tang-YANG, Sheng Shan-YANG> 1. Compute Software, Taiyuan University of Technology, Shanxi, Taiyuan(030024) 2.comPute,QingdaoCollegeofVocation&TechnologyShandongQingdao(266100) Abstract Rich Internet Application(RIA) has better interaction and plenty user experience emerges. AJAX, one of Ria techniques is approbated broadly. Key technique of AJAX is communication way and its client talks with the server in asynchronism. In this way, page updating could be implemented without refurbishment. This paper describes the structure foundation of AJAX technology and its characteristics, and discusses the impact of AJAX on network performance, including traffic flow delay of response, download consuming time, eto Keywords: RIA; AJAX; User experience; Network performance 作者简介:杨振华(1983-),男,汉族,太原理工大学计算机软件与理论专业硕士研究生,从 事电子商务、web应用开发等硏究 6

...展开详情
试读 6P 论文研究-Ajax及其性能分析 .pdf
立即下载 低至0.43元/次 身份认证VIP会员低至7折
    抢沙发
    一个资源只可评论一次,评论内容不能少于5个字
    • 至尊王者

      成功上传501个资源即可获取
    关注 私信 TA的资源
    上传资源赚积分,得勋章
    最新推荐
    论文研究-Ajax及其性能分析 .pdf 6积分/C币 立即下载
    1/6
    论文研究-Ajax及其性能分析 .pdf第1页
    论文研究-Ajax及其性能分析 .pdf第2页

    试读已结束,剩余4页未读...

    6积分/C币 立即下载 >