服务器之家:专注于服务器技术及软件下载分享
分类导航

云服务器|WEB服务器|FTP服务器|邮件服务器|虚拟主机|服务器安全|DNS服务器|服务器知识|Nginx|IIS|Tomcat|

服务器之家 - 服务器技术 - Nginx - 高性能WEB开发 nginx HTTP服务器篇

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

2019-10-08 13:11服务器之家 Nginx

新产品为了效果,做的比较炫,用了很多的图片和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/ 
转载请注明出处:http://www.blogjava.net/BearRui/

延伸 · 阅读

精彩推荐
  • Nginx通过Nginx规则重写URL去掉index.php不显示index.php

    通过Nginx规则重写URL去掉index.php不显示index.php

    Nginx不仅占用内存少,并发能力强,而且拓展功能丰富,可以通过安装模板来强化功能,也能通过规则优化,优化服务器并发处理能力,是建站的不二之选...

    Genius日记5872020-10-16
  • NginxNginx动静分离实现案例代码解析

    Nginx动静分离实现案例代码解析

    这篇文章主要介绍了Nginx动静分离实现案例代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参...

    盗哥泡茶去了3382020-09-27
  • Nginx如何优化Nginx的处理性能

    如何优化Nginx的处理性能

    Nginx是一个很强大的高性能Web和反向代理服务,它具有很多非常优越的特性,在连接高并发的情况下,Nginx是Apache服务不错的替代品。其特点是占有内存少,...

    Dockone.io5142020-12-11
  • NginxNginx Rewrite使用场景及代码案例详解

    Nginx Rewrite使用场景及代码案例详解

    这篇文章主要介绍了Nginx Rewrite使用场景及代码案例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可...

    盗哥泡茶去了11862020-09-27
  • Nginx利用nginx和腾讯云免费证书制作https的方法

    利用nginx和腾讯云免费证书制作https的方法

    这篇文章主要介绍了利用nginx和腾讯云免费证书制作https的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 ...

    dalaoyang5992019-12-30
  • NginxNginx location 和 proxy_pass路径配置问题小结

    Nginx location 和 proxy_pass路径配置问题小结

    本文是基于 location 的匹配末尾是否配置 / 和 proxy_pass 末尾是否配置 / ,进行测试,完全还原了整个测试过程,本文给大家介绍Nginx location 基本配置及相关配...

    自由早晚乱余生18742021-09-24
  • Nginxnginx rewrite 伪静态配置参数和使用例子

    nginx rewrite 伪静态配置参数和使用例子

    nginx下伪静态配置参数详细说明,使用nginx的朋友,nginx rewrite 伪静态配置参数和使用例子 附正则使用说明 ...

    服务器之家3102019-10-08
  • Nginxnginx ssl免密码重启教程详解

    nginx ssl免密码重启教程详解

    这篇文章给大家介绍了nginx 如何启动以及nginx ssl 免密码重启 的方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧 ...

    mrr4272019-11-19