大型网站架构之WEB前端优化

原创 2016年05月30日 15:05:20
回顾下之前博客中提到的大型网站架构: 
 

这张图中,有很多经典的模块。比如CDN服务器,反向代理服务器,负载均衡系统,应用服务器,分布式缓存系统等等。之后的几篇博客中我会逐个来介绍。今天先来看看WEB前端优化,在上图中,负载均衡服务器之前的部分都可以看成WEB前端,其中自然少不了浏览器。 

WEB前端优化包括浏览器优化,使用CDN缓存加速,使用反向代理缓存加速。 
在浏览器优化时
,可以采用减少http请求,使用浏览器缓存,启用压缩,减少Cookie传送,优化CSS和JS代码位置等 
减少http请求: 
http协议是应用层协议,意味着每次http请求都需要建立通讯链路,进行数据传输。因此减少http请求可提高性能。 
正常情况下,当浏览器访问一个网页时,服务器会先返回对应的html网页,如果html中有其他的css,js等脚本,会多次进行http请求来下载这些脚本,这样的话无形中增加了服务器的压力。所以我们要尽可能的在html中关联最少的脚本,甚至将css等写到html中,以减少http请求次数。 

使用浏览器缓存: 
通过设置http响应头中的Cache-Control和Expires属性,可以设定浏览器缓存页面。在某些情况下,尽管有缓存,我们还是希望将静态文件的变化及时的应用到客户浏览器,此时可以通过更改文件名来实现。因为如果只改文件内容不改名字的话,浏览器的缓存机制是不会加载新的同名文件的。 

启用压缩: 
对于文本文件,比如html,css,javascript,启用GZip压缩可以达到很好的效果获取【下载地址】  springmvc4 mybatis 整合 框架源码 。 

减少cookie传输: 
cookie包含在每次的请求和响应中,太大的cookie会严重的影响数据传输。因此尽量少向cookie中写数据。另外,对于某些静态资源的访问,不需要进行cookie验证,就没有必要发送cookie。 

优化CSS和JS代码位置: 
将CSS放在页面最上面,将js放到最下面。 

CDN的全称是内容分发网络,他的本质仍然是缓存(缓存一些常用的静态资源),CDN服务器是部署在网络提供商的机房中,在距离用户最近的地方提供缓存,加快用户访问速度,减少数据中心的压力。 

反向代理位于整个网站的最前端,代理整个网站系统接收Http请求。反向代理服务器除了可以保护网站系统外,其中也缓存一些资源,如果请求的内容正好是其中的资源,就直接返回给用户,可以避免一些去往应用服务器的请求。

大型门户网站架构分析[转]

千万人同时访问的网站,一般是有很多个数据库同时工作,说明白一点就是数据库集群和并发控制,这样的网站实时性也是相对的。这些网站都有一些共同的特点: 数据量大,在线人数多,并发请求多,pagevie...

Java字符串的格式化与输出

Java字符串的格式化与输出 在C语言中格式化输出可以通过printf()函数实现,在Java中无需借助第三方工具同样可以实现此功能,自Java SE5后,java也提供了C语言中printf()风格...

大型电子商务网站架构之-前端优化

1           前端优化必要性 随着互联网的发展,前端优化越来越被人们重视,在一个大型的大型电子商务网站技术架构中,前端架构一定是一项必不可少的工作,国内几个大型的互联网公司也有非常强大的...

大型电子商务网站架构之-前端优化

1           前端优化必要性 随着互联网的发展,前端优化越来越被人们重视,在一个大型的大型电子商务网站技术架构中,前端架构一定是一项必不可少的工作,国内几个大型的互联网公司也有非常强大的前...

大型电子商务网站架构之-前端优化

1           前端优化必要性 随着互联网的发展,前端优化越来越被人们重视,在一个大型的大型电子商务网站技术架构中,前端架构一定是一项必不可少的工作,国内几个大型的互联网公司也有非常强大...
  • uyulnet
  • uyulnet
  • 2013年09月17日 10:28
  • 1024

大型web网站架构详解

  • 2017年11月16日 19:35
  • 2.83MB
  • 下载

大型WEB网站架构深入分析

  • 2014年03月28日 11:36
  • 127KB
  • 下载

基于AWS的电子商务网站架构——Web前端

用AWS可以建立一个高可用的电子商务网站提供灵活的产品目录和业务扩展。维护一个电子商务网站的一个大型产品目录和全球客户群是具有挑战性的。该目录是可搜索,以及单个产品的网页应该包含丰富的信息集,例如图像...

大型网站架构提速关键技术(页面静态化、memcached、Mysql优化)

大型网站架构关键技术介绍 1. pv值(page views),访问量大 带来问题 a. 流量大 10000000*2m ->解决方案 买带宽 ,优化程序(处理图片) b. 并发量,同时访问网...

大型网站架构和优化策略和常见处理方案实例

本项目是一个在线商品交易平台,平台的主要目的是让企业在平台上发布商品及资讯,用户可以在此平台上购买商品并参与商品的评论。围绕这一目的,系统需要实现商品管理,商品订购,多部门订单处理,商品促销,内容管理...
  • he90227
  • he90227
  • 2014年08月29日 22:20
  • 783
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:大型网站架构之WEB前端优化
举报原因:
原因补充:

(最多只允许输入30个字)