nginx系列(七)静态文件合并combo

根据雅虎性能优化准则,可以将大量的小型JS文件进行合并,用来提高WEB服务器的性能。下面就是笔者的一个实践。

目前必须安装在1.4.+才可以 
官方:http://wiki.nginx.org/HttpConcatModule 
下载源码:http://code.taobao.org/svn/nginx_concat_module/trunk/ 
./configure \ 
  --prefix=/home/ebuy/work/usr/nginx/nginx-1.4.7 \ 
  --add-module=/home/ebuy/work/soft/nginx_concat_module

make -j16 & make install -j16

配置语法 
        location / { 
            root   html; 
            index  index.html index.htm; 
# nginx_concat_module 主开关 
concat on; 
# 最大合并文件数 
# concat_max_files 10; 
# 只允许同类型文件合并 
# concat_unique on; 
# 允许合并的文件类型,多个以逗号分隔。如:application/x-javascript, text/css 
# concat_types text/html; 
# (详细察看安装包下 INSTALL 和 README 文件)。其实不用那么复杂,简单的配置 
}

有3个js文件 
http://10.27.82.170:8888/a.js 
http://10.27.82.170:8888/b.js 
http://10.27.82.170:8888/c.js

通过nginx插件,可以一个请求把文件合并(注意是2个问号) 
http://10.27.82.170:8888/??a.js,b.js,c.js

时间: 2024-11-05 19:04:48

nginx系列(七)静态文件合并combo的相关文章

《ASP.NET Core 高性能系列》静态文件中间件

原文:<ASP.NET Core 高性能系列>静态文件中间件 一.概述 静态文件(如 HTML.CSS.图片和 JavaScript等文件)是 Web程序直接提供给客户端的直接加载的文件. 较比于程序动态交互的代码而言,其实原理都一样(走Http协议), ASP.NET Core中需要进行一些配置才能提供这些文件. 二.wwwroot 静态文件存储在项目的 Web 程序的 {ContentRoot}/wwwroot目录下,但可通过 UseWebRoot 方法更改路径 . Web 应用程序项目的

霸气!Nginx 中缓存静态文件秘籍

导读 这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个时间,这样用户的浏览器就会缓存这些文件.这样能节省带宽,并且在访问你的网站时会显得更快些(如果用户第二次访问你的网站,将会使用浏览器缓存中的静态文件). 1.准备事项 我想你需要一个正常工作的 nginx 软件,可以查看另一篇的帖子:在 Ubuntu 16.04 LTS 上安装 Nginx,P

如何在 nginx 中缓存静态文件

这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个时间,这样用户的浏览器就会缓存这些文件.这样能节省带宽,并且在访问你的网站时会显得更快些(如果用户第二次访问你的网站,将会使用浏览器缓存中的静态文件). 1.准备事项 我想你需要一个正常工作的 nginx 软件,就像这篇教程里展示的:在 Ubuntu 16.04 LTS 上安装 Nginx,PHP

nginx之访问静态文件

如何配置nginx,访问服务器上的静态文件? 1.在目录/data/interface_test下创建静态文件queryAppData.json,内容如下: 如何访问该文件呢? 2.修改/usr/local/nginx/conf/nginx.conf配置文件,添加如下内容(按目录匹配): 如果请求的URL的路径中包含interface_test,则匹配到/data/目录,访问该目录下静态文件.重启nginx,请求接口地址http://10.222.138.245/interface_test/q

Nginx访问日志 Nginx日志切割 静态文件不记录日志和过期时间

一.Nginx访问日志#vim /usr/local/nginx/conf/nginx.conf日志格式的名字combined_realip可以自定义,例如将它修改为aming,注意,这里定义为什么,后面引用的时候就定义为什么(nginx配置文件看见分号才是这一行结束)#vim /usr/local/nginx/conf/vhost/test.com.conf //增加如下一行#/usr/local/nginx/sbin/nginx -t#/usr/local/nginx/sbin/nginx

asp.net core 系列之静态文件

这篇讲解asp.net core中的静态文件(大致翻译于官网). 静态文件,例如HTML,CSS, images和JavaScript. 要想直接被客户端访问,需要做一些配置. 一.Serve static files(提供静态文件服务) 静态文件存储在项目的web root 目录下.默认的目录是<content_root>/wwwroot,但可以通过UseWebRoot方法来改变默认目录. 更多可以查看: See Content root and Web root for more info

Linux菜鸟起飞之路【七】文件合并、归档和压缩

一.文件合并操作 1.覆盖符号与追加符号 a)">"代表将左边文件的内容覆盖右边文件的内容,如果右边文件不存在则创建这个文件 b)">>"代表将左边文件的内容追加到右边文件中,如果右边文件不存在则创建这个文件 2.echo回显命令 1 echo "我是小殇">t.txt 2 echo "我是小殇">>tbak.txt 3.文件合并 1 cat 文件A 文件B > 文件C 4.统计文件行

nginx 配置open_cache_file 静态文件的缓存

open_file_cache max=65535 inactive=30s 最多缓存多少个文件,缓存多少时间open_file_cache_min_uses 1 在30S中没有使用到这个配置的次数的话就删除open_file_cache_valid 40s 多少时间检查一次,如果发现30s内没有用过一次的删除

nginx实现动态/静态文件缓存-技术流ken

TCP\IP已成为业界通讯标准.现在越来越多的程序需要联网.网络系统分为服务端和客户端,也就是c\s模式(client \ server).client一般有一个或少数几个连接:server则需要处理大量连接.大部分情况下,只有服务端才特别考虑性能问题.本文主要介绍服务端处理方法,当然也可以用于客户端. 我也发表过c#版网络库.其实,我最早是从事c++开发,多年前就实现了对完成端口的封装.最近又把以前的代码整理一下,做了测试,也和c#版网络库做了粗略对比.总体上,还是c++性能要好一些.c#网络