随着互联网的飞速发展,Web用户交互方式逐步成为代替本地应用的主流用户交互方式,并承载着日益增加的功能,决定了用户对系统的第一印象以及后续的使用效率。Web系统的性能日益受到人们的重视,作为影响用户体验的一个重要因素进入人们的视野。以HTML5为首的一系列技术则为Web系统的体验提升提供了大量便利的实现方式,而类似Chrome和Firefox这样层出不穷的新式浏览器以及改头换面的IE对HTML5的各种特性支持日渐增强,推动着Web交互方式的高速发展,也使得在Web端进行性能优化成为可能。特别是其中的Canvas等图形技术,使Web系统中的图形呈现和交互更加丰富多彩。本文中的云监测平台名为“TANC",TANC网络测量系统是将云计算技术应用于分布式网络性能监测系统,分为Web界面、探针设计、集中管理与数据分析三个部分,其中的Web界面采用基TStruts2架构的Web系统。本文首先对云监测平台需要使用的各种技术及性能优化的背景知识进行了调研和总结,同时还汇总了拓扑图布局的相关知识。然后对云监测平台中的用户体验和交互功能进行了需求分析和总体设计并按照功能模块进行了详细的划分,从性能优化、交互细节改进和拓扑图改进三个方面详细介绍了具体的实现,第三部分中还重点介绍了有形节点拓扑布局算法(SNTLA)。最后,在实验网络中主要对性能优化和拓扑图改进两个部分进行了测试,并对测试结果做出了分析。测试结果表明系统性能提升行之有效,拓扑图自动布局算法使用正常,且具备良好的浏览器兼容性,用户体验得到很大的提升,符合本课题的要求。