端开发人员可以各自进行开发和单元测试,极大的提高了开发效率。前端的各种页面都是模板化的,例如首页,可以将其从上到下分为Header、导航条、商品列表以及Footer,根据后端返回的数据在用户本地渲染成实际页面,减少后端渲染对WEB应用服务器造成的压力。网站的各种要素,包括类目、商品、品牌、广告位以及营销活动等进行建模入库,前端通过AJAX接口,传入资源类型、类目、关键字、标签以及资源名称从后端获取数据;而后端从数据库或者缓存系统中过滤查询出数据后,全部结构化为JSON数据返回给前端。23图片缓存技术
f图片在导购网站中具有重要地位,能有效地形成消费者的主观印象,带来强烈的视觉冲击,促进消费者购买。网站必须设计精美的图片,每种商品都需配备体现营销创意的大图、展示细节的小图、展示各个属性的规格图等,一个商品甚至可能配有几十张图片。图片需设置较高的分辨率和色域,会占用较大的网络带宽资源。高并发的情况将增加服务器的压力,严重减慢浏览速度,用户体验极差,因此必须考虑图片资源的存储和加载速度问题。现在存储空间价格相当低廉,存储问题可以通过增加存储空间来解决。图片加载速度主要通过图片延迟加载技术、图片缓存技术及CDN网络加速技术来解决。WEB页面打开的时候,整个页面的所有图片会依次发送请求加载,可能出现可见区域图片在不可见区域之后发送加载请求,结果出现不可见区域图片先加载完毕而可见区域图片后加载的情况,给用户造成页面图片迟迟打不开的感受。图片延迟加载原理就是基于JavaScript语言对浏览器窗口的滚动事件进行处理,只加载显示区域的图片,从而加快页面图片的加载速度。导购网站将图片通过Apache部署在单独的图片服务器中并开启缓存功能。用户访问过的图片资源被
f缓存到内存,其他用户再次访问该资源,将直接访问内存中的图片,避免再次读取硬盘等较慢的存储设备。目前大型网站均使用CDN网络加速技术,这种技术采取分布式网络缓存结构,通过DNS负载均衡技术在现有的I
ter
et中增加一层新的网络架构,将网站的内容发布到最接近用户的Cache服务器内。在导购网站建设初期,因访问量和商品数量没有实现大规模,可暂缓采用该技术。但将图片服务器单独部署,并绑定和WEB服务不同域名的设计,为后续引入CDN网络加速预留下接口。24WEB容器选择Ngi
x是功能强大的轻量Http服务器,以事件驱动的方式编写,高并发高负载能力强,可以达到50000个并发连接数。导购网站上线早期r