电子商务网站的前端性能的优化.pdfVIP

电子商务网站的前端性能的优化 摘要：随着互联网的发展，电子商务也越来越火热，大流量的数据访 问，快速的服务器响应，更贴心得人机交互界面，使得网站的发展如 日中天，子商务网站前端的体验，对于一个电子商务网站尤为重要， 本文，首先交代电子商务前端概念，然后提出如何提高电子商务网站 前端性能，最后交代结论。 关键字：电子商务网站前端 电子商务网站的发展需要前端的交互式反应及越来越灵活和需要漂 亮的用户界面，那么如何通过购物网站就给予用户足够好的客户体验 ，成为目前电子商务前端需要解决的问题 一电子商务前端的基本概念 1. 电子商务网站：电子商务网站。电子商务网站是指以销售或 推广商品或服务为目的的网站，这种网站有两类， 一类是直接在网站上销售商品或服务，另一类是不 直接在网站上销售商品或服务，而是在网站上展示 企业的商品或服务，对企业的产品或服务进行宣传和推广。 2. 网站前端。网站前端是指网站的前台页面， 他直接面向网站用户，向其展 信息并与其交互， 是用户与网站交互的接口，网站前端对于信息发布 型的网站尤其重要。 3. 页面组件。网页是由文字、图片、动画等组成 的，这些组成部分需要通过HTML 语言和样式表进 行格式化，才能形成完整、整洁的页面。对于一个HTML 文件来说，除了要在网页中显示的文字，图 片、动画等网页内容是不包含在文件中的，脚本、样 式表等也是可以放置在文件外部的。页面组件就是指这些放置在 HTML 文件外部的网页组成部分。 4. 页面响应速度：从用户在浏览器地址栏输入URL 地址到请求的页面完整的在浏览器中呈 出来，需 要经过域名解析、HTML 文档下载、页面组件下载等过程，在这个过程中，用户一直处于等 待状态，这段时间的长短就是网站的响应速度。 二如何提高电子商务网站前端的性能 随着前端技术的发展和完善，使得电子商务前端的性能再不断提升， 可以提升的方面由以下几点。 1、减少电子商务网站页面HTTP 请求的数量。 电子商务网站的网页是由HTML 文档和页面组件组成的， 网页要在浏览器中完整的展 出来，必须将HTML 文档和页面组件全部下载到浏览器端。 页面组件包括图片、动画、客户端脚本、CSS 样式表等，当浏览器要打开一个页面的时候，HTML 文档和页面的每一个组件就对应一个HTTP 请求，每一个HTTP 请求都需要一个请求、响应、下载的过程，这个过程需要一定的时 间。 这段时间越短用户的体验越佳。所以一个优秀的电子商务网站，前 端要尽可能的减少HTTP的请求数量，比如将所有图标都放在一张 图片里，将javascript 写于尾部，尽量的减少页面的响应时间。 2 、电子商务网站页面组件缓存。 为了使用户的体验更好，电子商务网站的网页中都会使用大量的 页面组件，这些页面组件的存在会使HTTP 请求的数量增加，会降低网站前端的性能，但是可以通过一个方法 来解决这个问题，这就是页面组件缓存。 当用户第一次访问电子商务网站页面时，下载该页面所有的组件， 然后将这些页面组件缓存到客户端，当该用户再次访问该页面时， 就不需要再下载 其已经缓存的页面组件了，这样就可以减少页面从 请求到完全展 所需要的时间。通过页面组件缓存，可以减少 HTTP 请求数量和从服务器端下载的数据量，但是这种方式只适合于用 户多次访问电子商务网站的情况。 3 、合理设置电子商务网站文件的压缩。 对于电子商务网站来说，HTML 文档和页面组件文件越小， 其下载数据量越小，其下载时间就越短，减少HTML 文档和页面组件文件大小的有效方法就是压缩。 目前，最常用和最有效的压缩方法是gzip，它可以大幅 度减少文件的大小，最适合被压缩的文件是HTML 文档、 脚本文件和样式表文件等文本内容的文件。浏览器端通过HTTP 请求中的“Accept-Encoding ：gzip”头来标识对gzip 压缩的支持，Web 服务器接收到这个头，就会使用gzip 方式压缩被请求的文件，并通过“Content- Encoding ：gzip”头告知浏览器端， 浏览器端需要解压被压缩的文件。在这个过程中， 压缩和解压都需要一定的时间，这会使页面的响应时