毕业论文（设计）电子商务网站的前端性能的优化

《毕业论文（设计）电子商务网站的前端性能的优化》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、电子商务网站的前端性能的优化摘要：随着互联网的发展，电子商务也越来越火热，大流量的数据访问，快速的服务器响应，更贴心得人机交互界面，使得网站的发展如日中天，子商务网站前端的体验，对于一个电子商务网站尤为重要，本文，首先交代电了商务前端概念，然后提出如何提高电了商务网站前端性能，最后交代结论。关键字：电子商务网站前端电子商务网站的发展需要前端的交互式反应及越来越灵活和需要漂亮的用户界面，那么如何通过购物网站就给予用户足够好的客户体验,成为冃前电了商务前端需要解决的问题一电子商务前端的基本概念1.电子商务网站：电子商务网站。电子商务网站是指以销售或推广商品或服务为目的的网站，这种网站有两类，一类

2、是直接在网站上销售商品或服务，另一类是不直接在网站上销售商品或服务，而是在网站上展示企业的商品或服务，对企业的产品或服务进行宣传和推广。2.网站前端。网站前端是指网站的前台页面，他直接面向网站用户，向其展现信息并与其交互，是用户与网站交互的接口，网站前端对于信息发布型的网站尤其重耍。3.页面组件。网页是由文字、图片、动画等组成的，这些组成部分需要通过HTML语言和样式表进行格式化，才能形成完整、整洁的页面。对于一个HTML文件来说，除了要在网页中显示的文字，图片、动画等网页内容是不包含在文件中的，脚本、样式表等也是可以放置在文件外部的。页面组件就是指这些放置在HTML文件外部的网页组成部分。

3、1.页面响应速度：从用户在浏览器地址栏输入URL地址到请求的页面完整的在浏览器中呈现出来，需要经过域名解析、HTML文档下载、页面组件下载等过程，在这个过程中，用户一直处于等待状态，这段时间的长短就是网站的响应速度。二如何提高电子商务网站前端的性能随着前端技术的发展和完善，使得电子商务前端的性能再不断提升,可以提升的方面由以下儿点。1、减少电子商务网站页而HTTP请求的数量。电子商务网站的2、网页是由HTML文档和页面组件组成的，网页要在浏览器中完整的展现出来，必须将HTML文档和页面组件全部下载到浏览器端。页面组件包括图片、动画、客户端脚本、CSS样式表等,当浏览器要打开一个页面的吋候，H

4、TML文档和页面的每一个组件就对应一个HTTP请求，每一个HTTP请求都需要一个请求、响应、下载的过程，这个过程需要一定的时间。这段时间越短用户的体验越佳。所以一个优秀的电子商务网站，前端要尽可能的减少HTTP的请求数量，比如将所有图标都放在一张图片里，将javascript写于尾部，尽量的减少页面的响应时间。电子商务网站页面组件缓存。为了使用户的体验更好，电子商务网站的网页中都会使用大量的页面组件，这些页面组件的存在会使HTTP请求的数量增加，会降低网站前端的性能，但是可以通过一个方法来解决这个问题，这就是页面组件缓存。当用户第一次访问电子商务网站页面时，下载该页面所有的组件，然后将这些页

5、面组件缓存到客户端，当该用户再次访问该页面时，就不需要再下载其已经缓存的页面组件了，这样就可以减少页面从请求到完全展现所需要的时间。通过页面组件缓存，可以减少HTTP请求数量和从服务器端下载的数据量，但是这种方式只适合于用户多次访问电子商务网站的情况。3、合理设置电子商务网站文件的压缩。对于电子商务网站来说,HTML文档和页面组件文件越小，其下载数据量越小，其下载时间就越短，减少HTML文档和页面组件文件大小的有效方法就是压缩。目前，最常用和最有效的压缩方法是gzip,它可以大幅度减少文件的大小，最适合被压缩的文件是HTML文档、脚本文件和样式表文件等文本内容的文件。浏览器端通过HTTP请求

6、中的uAccept-Encoding：gzip”头来标识对gzip压缩的支持，Web服务器接收到这个头，就会使用gzip方式压缩被请求的文件，并通过uContent-Encoding：gzip”头告知浏览器端，浏览器端需要解压被压缩的文件。在这个过程中，压缩和解压都需要一定的时间，这会使页面的响应时间变长。耍不耍对文件进行压缩，需要对比压缩后节约的文件下载时间和压缩、解压花费的时间,压缩后节约的文件下载时间和很多因素有关，很难衡量，一般认为，文件越大越值得压缩，一般对于大于1KB的电子商务网站文件进行压缩。4、合并电子商务网站页面组件。合并电子商务网站页面组件可以减少页面HTTP请求的数量，

7、通常可以合并的电子商务网站页面组件有图片、客户端脚本、CSS样式表等。对于图片，可以适当的将相邻的多幅图片合并成一幅图片，如果被合并的图片建立的有超级链接，就可以使用图片地图技术或CSSSprites在合并后的图片上建立多个超级链接。对于客户端脚本和CSS样式表，一般会使用外部脚本和样式表，并且按照软件工程的思想,将代码分开放到多个文件中，这会增加多个HTTP请求，从而使性能降低。这里可以通过适当的合并外部脚