发布时间 : 星期一 文章电子商务系统前端性能优化的研究与实现 陈韵晴 - 图文更新完毕开始阅读
Location: http://hbhru.w236.mc-test.com/onlineshop_test/ Vary: Accept-Encoding Content-Encoding: gzip Content-Length: 20 Connection: close Content-Type: text/plain 这个302响应占用了70ms（图3-11）。
图3-11
当某些URL末尾没有“/”时，浏览器可能会触发自动索引（auto indexing）而跳转到另一个指定的URL去。因此我们应该考虑缺少结尾斜线的问题是不是导致了某些URL重定向使得响应变慢，如果是，那么在代码中为这些URL的结尾添加斜线就可以解决问题。
3.6 使用Ajax 技术
Ajax将浏览器和服务器之间的传输转变成异步的交互通信方式。使用Ajax,可以不用重载刷新Web页面，只需要传输较少信息用户就可以快速得到服务器端的响应。Ajax需要有三种技术的支持：HTML,DOM和JavaScript。HTML用于显示页
面信息,DOM则支持在避免再次加载页面的情况下，只更新页面的某一部分内容，而JavaScript负责浏览器和服务器之间的信息交流，并且要操作DOM来更新页面的部分内容。所以，Ajax的使用可以优化前端性能，提升用户体验。图3-12给出了Ajax的工作原理和与传统Web应用模式的对比。
图3-12
3.7 减少DNS查询同时避免堵塞
DNS（Domain Name System）是我们常用到的技术，利用存放域名和IP地址之间映射表的分布式数据库，让网页浏览者可以使用简单而易于记忆的域名，而不是那些计算机所需的难以记忆的IP地址。比如当用户在地址栏中输入一个域名时，浏览器必须先经过对这个域名进行DNS解析的过程，得到IP地址然后才能向这个域名所对应的服务器发送请求。
一次DNS查找至少需要20ms的时间18，而且即使浏览器可以缓存查找结果也只能缓存一定的时间，只是暂时的，在得到查询返回的结果之前，任何请求的资源都不能被下载，所以在开发中要注意尽量避免让网站有过多DNS查询的情况发生。除了运用缓存来解决之外，还有一个常用的办法，即把各种资源尽可能几种到更少的域名19下面，但这又会引发两一个问题，浏览器对每个域的并行度目前最多是6，也就是说浏览器一次向同一个域名最多只能发送6个HTTP请求，当要请求的
资源较多时，大量的资源需要按照并行度限制挨个地提出请求再下载，大大增加了响应的时间。所以不能为了减少DNS查找次数而一味地减少域的数量，为了平衡两者的矛盾，可以在同一个网站中使用两个到四个域，以兼顾两者平衡。
4 电子商务网站实现和前端性能优化的应用
4.1 网站需求分析和可行性分析
4.1.1 功能需求分析 1、首页概况
(1)商品展示:商品分类展示、热卖商品排行（点击可转到相关商品的介绍,并显示商品相关信息）
(2)搜索功能:商品搜索
(3)会员登陆、注册 （点击按钮时,弹出窗口,提示用户输入信息） 友情链接
2、商品详细信息展示（商品缩略图、商品名、价格、介绍、库存数量等等） 3、我的订单
4、购物车(可以在任何页面查看购物车) 5、会员中心
6、客户服务：反馈和常见问题解答
7、后台管理（包括商品管理、订单管理、用户数据管理等）
4.1.2 环境需求分析 服务器 Microsoft Apache SQLSERVER 客户端 硬件 处理器：Intel CPU 内 存：512M 以上 软件 Microsoft Windows XP/Windows 7以上 Microsoft IE 6.0以上/Chrome/Firefox Dreamweaver、Photoshop、MyEclipse Jdk1.6以上 表4-1
4.1.3 性能需求分析
网站优化后总响应时间应不超过10s,人机界面交互反应时间不超过1s，网站占用客户端内存不大于20MB，有良好的前端交互体验。
4.1.4 可行性分析 1、经济可行性
经济可行性研究是对开发组织的经济状况进行可行性分析，在保证系统将带来预期的社会和经济效益前提下，对系统在开发、改修、运行和维护等过程可能产生的费用进行估计。
本网站开发完成并投入使用后，这种综合性的超市购物网站的优势是巨大的，有一定的发展前景，可以为网站商家提供电子商务功能，带来丰厚的利润，同时也为电子商务网站的开发和前端优化领域的研究提供一个借鉴。而开发、改修、运行和维护等过程产生的成本费用主要包括：购买服务器的费用、购买开发所需计算机的费用、购买相关软件的费用、电费、空调费、软件开发费用、人员雇佣费用、培训费用，以及日常零碎的消耗品等。这些费用都是一个基本的网站开发所必须的最小要求，这些费用相对于经济效益而言是十分微小的，所以在经济上是可行的。
2、技术可行性
技术可行性要分析的是，要完成本系统是否能以自身已有的技术水平来顺利实现开发和维护工作。本系统运用的是一般电商网站的流行技术，涉及到的技术比如JSP、Struts、SQLSERVER等并不复杂，测试网站和采取数据的工具采