Nginx环境下wecenter优化减少http请求次数

Hanrak
Hanrak This guy is lazy,Introduction has not been set

0 People liked this article · 5954 views

具体思路 使用nginx-http-concat自动合并静态资源,加速网站请求速度 首先了解一下 nginx-http-concat,他是一个淘宝的开源Nginx模块,是一个能把多个CSS和JS合并成一个请求的Nginx模块,对于Web性能优化非常有意义。 Github地址:https://github.com/alibaba/nginx-http-concat 实战记录: ##一.为nginx添加nginx-http-concat模块 添加nginx-http-concat模块需要重新编译nginx 我是安装到了/home/n/ {{{ cd /home/n/ #下载模块源码 sudo wget https://github.com/alibaba/nginx-http-concat/archive/master.zip -O nginx-http-concat-master.zip #解压模块 sudo unzip nginx-http-concat-master.zip #下载nginx源码 sudo wget http://nginx.org/download/nginx-1.6.2.tar.gz #解压nginx sudo tar xzvf nginx-1.6.2.tar.gz cd nginx-1.6.2 ##查看本机nginx的信息 我的是VPS 终端输入(V要大写) nginx -V 得到配置信息 --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --conf-path=/etc/nginx/nginx.conf --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid --lock-path=/var/run/nginx.lock --http-client-body-temp-path=/var/cache/nginx/client_temp --http-proxy-temp-path=/var/cache/nginx/proxy_temp --http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp --http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp --http-scgi-temp-path=/var/cache/nginx/scgi_temp --user=nginx --group=nginx --with-http_ssl_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_random_index_module --with-http_secure_link_module --with-http_stub_status_module --with-http_auth_request_module --with-mail --with-mail_ssl_module --with-file-aio --with-ipv6 --with-http_spdy_module --with-cc-opt='-O2 -g -pipe -Wp,-D_FORTIFY_SOURCE=2 -fexceptions -fstack-protector --param=ssp-buffer-size=4 -m64 -mtune=generic' ##开始添加模块 安装依赖库 我没装报错了 yum -y install openssl openssl-devel pcre-devel ./configure --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --conf-path=/etc/nginx/nginx.conf --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid --lock-path=/var/run/nginx.lock --http-client-body-temp-path=/var/cache/nginx/client_temp --http-proxy-temp-path=/var/cache/nginx/proxy_temp --http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp --http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp --http-scgi-temp-path=/var/cache/nginx/scgi_temp --user=nginx --group=nginx --with-http_ssl_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_random_index_module --with-http_secure_link_module --with-http_stub_status_module --with-http_auth_request_module --with-mail --with-mail_ssl_module --with-file-aio --with-ipv6 --with-http_spdy_module --with-cc-opt='-O2 -g -pipe -Wp,-D_FORTIFY_SOURCE=2 -fexceptions -fstack-protector --param=ssp-buffer-size=4 -m64 -mtune=generic' --add-module=../nginx-http-concat-master sudo make 检查模块 objs/nginx -V 模块添加成功 更新nginx 先备份下原来的 sudo cp /usr/sbin/nginx /usr/sbin/nginx.bak 停止nginx(我的是测试小站 如果访问量大的可以平滑升级 具体百度) sudo systemctl stop nginx.service 复制新的过去 sudo cp objs/nginx /usr/sbin/nginx 启动nginx sudo systemctl start nginx.service 检测模块 nginx -V 替换成功 ##配置concat模块 sudo nano /etc/nginx/conf.d/default.conf server里加入 location /static/ { concat on; concat_types text/css; } location /static/js/ { concat on; concat_types application/javascript; } 重启 sudo systemctl restart nginx.service 到这里服务器就配置好了 ##下一步让wecenter用上nginx-http-concat模块 ##修改system/aws_controller.inc.php 85行改成 // 引入系统css 文件 TPL::import_css(array( '??css/default/common.css,css/default/link.css,js/plug_module/style.css', )); 97行改成 TPL::import_js(array( 'js/??jquery.js,respond.js', )); 106行改成 // 引入系统 JS 文件 TPL::import_js(array( 'js/??jquery.form.js,plug_module/plug-in_module.js,aws.js,aw_template.js,app.js', )); ##修改global/header_meta.tpl.htm 14行改成 <link rel="stylesheet" type="text/css" href="<?php echo G_STATIC_URL; ?>/css/??bootstrap.css,icon.css" /> 好了 现在修改完毕 测试OK }}}

Published on 2014-12-22 14:05

Disclaimers:

This document is written by Hanrak Original published on WeCenter ,The copyright belongs to the author。

Log in,More exciting content waiting for you to find,Contribute wonderful answers,Participate in comment interaction

go Sign in! No accountgoregister

hydeist
2014-12-22 18:23
ngx_pagespeed是服务器插件吧?
Hanrak
2014-12-22 16:54
部署了下ngx_pagespeed =真心不错 谢谢推荐
Hanrak
2014-12-22 16:19
不早点说 我先试试哈 ....................不知道兼容wc不
吴结草
2014-12-22 15:07
直接安装个 ngx_pagespeed 什么都帮你搞定了.
All Rights Reserved Powered BY WeCenter V4.1.0 © 2023 粤ICP备17116736号