posts - 36, comments - 419, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

高性能WEB开发 - HTTP服务器篇

Posted on 2010-01-29 15:42 BearRui(AK-47) 阅读(20227) 评论(12)  编辑  收藏 所属分类: 高性能WEB开发
新产品为了效果,做的比较炫,用了很多的图片和JS,所以前端的性能是很大的问题,分篇记录前端性能优化的一些小经验。


第一篇:HTTP服务器


    因tomcat处理静态资源的速度比较慢,所以首先想到的就是把所有静态资源(JS,CSS,image,swf)


提到单独的服务器,用更加快速的HTTP服务器,这里选择了nginx了,nginx相比apache,更加轻量级,


配置更加简单,而且nginx不仅仅是高性能的HTTP服务器,还是高性能的反向代理服务器。


    目前很多大型网站都使用了nginx,新浪、网易、QQ等都使用了nginx,说明nginx的稳定性和性能还是非常不错的。


 1. nginx 安装(linux)


    http://nginx.org/en/download.html 下载最新稳定版本


    根据自己需要的功能先下载对应模板,这里下载了下面几个模块:

    openssl-0.9.8l,zlib-1.2.3,pcre-8.00


    编译安装nginx:

./configure 

--without-http_rewrite_module 

--with-http_ssl_module 

--with-openssl=../../lib/openssl-0.9.8l 

--with-zlib=../../lib/zlib-1.2.3 

--with-pcre=../../lib/pcre-8.00

--prefix=/usr/local/nginx


make


make install  


  2、nginx处理静态资源的配置


     #启动GZIP压缩CSS和JS

     gzip  on;

     # 压缩级别 1-9,默认是1,级别越高压缩率越大,当然压缩时间也就越长

     gzip_comp_level 4;         

     # 压缩类型

     gzip_types text/css application/x-javascript;


     # 定义静态资源访问的服务,对应的域名:res.abc.com

     server {

        listen       80;

        server_name  res.abc.com;


# 开启服务器读取文件的缓存,

open_file_cache max=200 inactive=2h;

open_file_cache_valid 3h;

open_file_cache_errors off;


        charset utf-8;


     # 判断如果是图片或swf,客户端缓存5天

location ~* ^.+.(ico|gif|bmp|jpg|jpeg|png|swf)$ {

   root   /usr/local/resource/;

   access_log off;

   index  index.html index.htm;

   expires 5d;

        }


# 因JS,CSS改动比较频繁,客户端缓存8小时

location ~* ^.+.(js|css)$ {

   root   /usr/local/resource/;

   access_log off;

   index  index.html index.htm;

   expires 8h;

        }


# 其他静态资源

location / {

   root   /usr/local/resource;

   access_log off;

   expires 8h;

}

    }


    3、nginx 反向代理设置


    # 反向代理服务,绑定域名www.abc.com

    server {

listen       80;

server_name  www.abc.com;


charset utf-8;


# BBS使用Discuz! 

# 因反向代理为了提高性能,一部分http头部信息不会转发给后台的服务器,

# 使用proxy_pass_header 和 proxy_set_header 把有需要的http头部信息转发给后台服务器

location ^~ /bbs/ {

   root   html;

   access_log off;

   index index.php;

   # 转发host的信息,如果不设置host,在后台使用request.getServerName()取到的域名不是www.abc.com,而是127.0.0.1

   proxy_set_header Host $host;

   # 因Discuz! 为了安全,需要获取客户端User-Agent来判断每次POST数据是否跟第一次请求来自同1个浏览器,

   # 如果不转发User-Agent,Discuz! 提交数据就会报"您的请求来路不正确,无法提交"的错误

   proxy_pass_header User-Agent;

   proxy_pass http://127.0.0.1:8081;

}


# 其他请求转发给tomcat

location / {

   root   html;

   access_log off;

   index index.jsp;

   proxy_pass http://127.0.0.1:8080;

}


error_page   500 502 503 504  /50x.html;

        location = /50x.html {

            root   html;

        }

    }


nginx详细配置参考:http://wiki.nginx.org/

PS:如果安装提示GCC not found,运行下面命令安装就可以(apt-get install build-essential),仅限debian




[作者]:BearRui(AK-47)
[博客]: http://www.blogjava.net/bearrui/
[声明]:本博所有文章版权归作者所有(除特殊说明以外),转载请注明出处.
英雄,别走啊,帮哥评论下:  

精彩推荐 好文要顶 水平一般 看不懂 还需努力

评论

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-05-10 23:51 by 税国政
不错的文章,

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-05-11 08:40 by BearRui(AK-47)
@税国政
谢谢,希望对大家有用。

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-06-17 21:48 by Aidan
那如果我要把js、img单独拿出来管理,一般是怎么做的?请赐教。

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-06-17 22:19 by BearRui(AK-47)
这个很简单啊,你只需要把js,img单独部署到1个nginx服务器上,WEB部署到1个tomcat服务器上,然后页面中的js,img引用全部引用到nginx服务器上。

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-09-29 10:37 by 陈于喆
不错,我很喜欢

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-10-27 12:28 by 10V
太好了~~讲的非常详细~~~必须马上收藏这个系列的文章

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-10-28 11:26 by 伊牛娃
有些看不懂,标记了

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2010-12-09 17:45 by liangkun
上面如果有配图就更好了,

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2012-08-17 19:29 by yufei
很好.

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2012-10-17 12:39 by tiantianjieer
不错的文章!代码能高亮就好了~~

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2013-01-04 16:58 by 无赖君子
好文章,顶一下!

# re: 高性能WEB开发 - HTTP服务器篇  回复  更多评论   

2013-12-20 21:35 by 孤独求学人
好文章要顶!

只有注册用户登录后才能发表评论。


网站导航: