文档介绍：Web性能优化前端方案研究摘要:分析了某地区设施葡萄害虫诊断与防治专家系统在Web性能方面存在的问题,对一般Web页面请求原理和过程进行了分析,提出了从输入URL到页面呈现需要的5个步骤,并且对这5个步骤进行了剖析,指出了导致网页响应变慢的环节,简要总结了Web前台的性能优化方案,并给出了相应建议。关键词:Web性能优化;响应时间;页面请求原理;Web前台中图分类号:TP393文献标识码:A文章编号:1672-7800(2013)005-0116-020、向广大用户提供专家的分析诊断服务。该系统运行后不久,用户反映系统的打开速度很慢,这里首先排除网络带宽和服务器硬件性能方曲的因素,到底是什么原因造成的呢?为缩短页面的响应时间,改进用户体验,笔者首先使用工具查看了系统页面加载时间情况,如图1所示。对图1进行分析,可以看到,加载HTML文档只占了总响应时间的5%,其它95%响应时间用来下载JavaS-。所以本专家系统Web前端方血有很大的优化空间,因此,笔者将从Web的前端优化方面给出Web的性能优化方案。1、页面请求原理和过程分析从输入URL到页面呈现需要如下5个步骤:①输入URL地址或者点击URL的一个链接;②浏览器根据URL地址,结合DNS解析岀URL对应的IP地址;③发送HTTP请求;④开始连接请求的服务器并且请求相关的内容;⑤浏览器解析从服务器端返回的内容,并且把页面显现出来。上述基本上就是一个页面从请求到实现的基本过程,下面来剖析这个过程。当输入URL之后,浏览器就要知道这个URL对应的IP是什么,只有知道了IP地址,浏览器才能准确把请求发送到指定的服务器的具体IP和端口号上面。浏览器的DNS解析器负责把URL解析为正确的TP地址。这个解析的工作是要花时间的,而且在这个解析的时间段内,浏览器不能从服务器那里下载到任何东西。浏览器和操纵系统提供了DNS解析缓存支持。当获得了IP地址之后,浏览器就向服务器发送HT-TP的请求,过程如下:①浏览器通过发送一个TCP的包,要求服务器打开连接;②服务器也通过发送一个包来应答客户端的浏览器,告诉浏览器连接打开了;③浏览器发送一个HTTP的GET请求,这个请求包含了很多的东西,例如我们常见的Cookie和其它的head头信息。这样,一个请求就算是发过去了。请求发送去之后,服务器端的程序把最后的结果发送到客户端。其实首先到达浏览器的就是HTML文档,是纯粹的HTML代码,不包含图片、脚木、CSS等,也就是页面的HTML结构,因为此时返回的只是页面的HTML结构。这个HTML文档发送到浏览器的时间极短,一般只占整个响应时间的10%左右。之后,页面的基木框架就在浏览器中,下一步为浏览器解析页面的过程,一步步从上到下解析HTML的框架。如果此时在HTML文档中,遇到了img标签,那么浏览器就会发送HTTP请求到这个img响应的URL地址去获取图片,然后呈现出来。如果在HTML文档中有很多的图片、flash,那么浏览器就会一个个地请求,然后呈现,如果每个图片都要请求,那么就要进行之前所说的那些步骤:解析URL、打开TCP连接等。打开连接也需要消耗资源,就像在进行数据库访问一样,也需尽可能少开数据库连接,多用连接池中的连接。道理一样,TCP连接也是可以重用的。(