Nginx/Apache 对图片,css,js等优化,静态页面设置过期时间-阿里云开发者社区

Nginx/Apache 对图片,css,js等优化,静态页面设置过期时间

2013-11-08 1517

简介： 图片,CSS,JS,html设置过期时间不是本域名的重定向到本域名 Nginx 图片,css,js等优化,静态页面设置过期时间 server{ ... location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d;#图片缓存30天 } location ~ .*\.(js|css)?$ { expi

+关注继续查看

图片,CSS,JS,html设置过期时间
不是本域名的重定向到本域名

Nginx 图片,css,js等优化,静态页面设置过期时间

server{
    ...
	location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
		expires      30d;#图片缓存30天
	}
	location ~ .*\.(js|css)?$ {
		expires      12h;#js css缓存12小时
	}
	...
}

以上是在NGINX.CONF里复制的

我的站静态页面是如下设置的，伪静态也适用，这种方式是所有.html后缀都试用，如果不需要可以改改

静态页面设置过期时间3600秒，按后退按钮不会重新访问

sever{
    location / {
         .......
          if ($request_uri ~ ^.+\.html) {
			add_header Cache-Control max-age=3600,must-revalidate;
		}
		if ($host != 'www.lanmps.com') {
			rewrite ^/(.*)$ http://www.lanmps.com/$1 permanent;
		}
    }
}

上面这种情况，如果开发语言重新给HTTP头部设置过期时间，那么就会覆盖此处设置

nginx 设置GZIP压缩

vim nginx/conf/nginx.conf

gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 2;
gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";

Apache 图片,css,js等优化,静态页面设置过期时间

<VirtualHost *:80>
    ServerAdmin admin@lanmps.com
    DocumentRoot "/var/www/html/"
    ServerName www.lanmps.com:80
    #ServerAlias *.lanmps.com
    ErrorDocument 404 /404.html
    #ErrorLog /var/www/log/lanmps.com.error.log
    #CustomLog /var/www/log/lanmps.com.CustomLog common
	<IfModule mod_expires.c>
	ExpiresActive On
	#开启过期时间功能
	ExpiresByType image/gif A2592000
	#设置 gif 图片过期时间 2592000秒
	ExpiresByType image/jpeg A2592000
	#设置 jpeg 图片过期时间 2592000秒
	ExpiresByType image/png A2592000
	#设置 png 图片过期时间 2592000秒
	ExpiresByType application/x-shockwave-flash A2592000
	#设置 flash过期时间 2592000秒
	ExpiresByType text/css A2592000
	#设置 css 过期时间 2592000秒
	ExpiresByType application/x-javascript A2592000
	ExpiresByType application/javascript A2592000
	#设置 js 过期时间 2592000秒
	ExpiresByType text/html A6000
	#设置 html 过期时间 6000秒
	</IfModule>

	<IfModule mod_rewrite.c>
	RewriteEngine on
	#打开rewirte功能
	RewriteCond %{HTTP_HOST} !^www.lanmps.com [NC]
	#声明Client请求的URL地址中前缀不是www.lanmps.com，其中 [NC] 的意思是忽略大小写
	RewriteRule ^(.*) http://www.lanmps.com/$1 [R=301,L]
	#含义是如果Client请求的主机中的前缀符合上述条件，则直接进行跳转到http://www.lanmps.com/,
	#[R=301] 表示永久重定向
	#[L]意味着立即停止重写操作，并 不再应用其他重写规则
	#.*是指匹配所有URL中不包含换行字符，()括号的功能是把所有的字符做一个标记，以便于后面的应用.就是引用前面里的 (.*)字符
	</IfModule>
	
	<IfModule mod_deflate.c>
    SetOutputFilter DEFLATE
	#必须的，就像一个开关一样，告诉apache对传输到浏览器的内容进行压缩
    SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
	#设置对后缀gif，jpg，jpeg，png的图片文件进行压缩
    SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
	#同上，就是设置不对exe，tgz，gz。。。的文件进行压缩
    SetEnvIfNoCase Request_URI .(?:pdf|mov|avi|mp3|mp4|rm)$ no-gzip dont-vary

    AddOutputFilterByType DEFLATE text/*
	#设置对文件是文本的内容进行压缩，例如text/html  text/css  text/plain等
    AddOutputFilterByType DEFLATE application/ms* application/vnd* application/postscript application/javascript application/x-javascript
	#这段代码你只需要了解application/javascript application/x-javascript这段就可以了，这段的意思是对javascript文件进行压缩
    AddOutputFilterByType DEFLATE application/x-httpd-php application/x-httpd-fastphp
	#这段是告诉apache对php类型的文件进行压缩

    BrowserMatch ^Mozilla/4 gzip-only-text/html
	# Netscape 4.x 有一些问题，所以只压缩文件类型是text/html的
    BrowserMatch ^Mozilla/4.0[678] no-gzip
	# Netscape 4.06-4.08 有更多的问题，所以不开启压缩
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
	# IE浏览器会伪装成 Netscape ，但是事实上它没有问题
</IfModule>
</VirtualHost>

JavaScript 前端开发应用服务中间件 Apache nginx 缓存数据格式 XML PHP 开发工具

apache过期时间 nginx页面图片优化 git过期 css优化

作者高分内容

架构狮 1703 Zookeeper、Hadoop、Sqoop、Mahout、HBase整合安装 2455 HIVE 安装设置 2320 HBase 安装 2546 为项目编写Readme.MD文件 1874

技术小甜

访问日志不记录静态文件、访问日志切割、静态元素过期时间

902 0

kkmmk

网站图片优化你需要知道的地方

1157 0

sktj

Nginx 实现图片或文件的防盗链

一：一般的防盗链如下： location ~* \.(gif|jpg|png|swf|flv)$ { valid_referers none blocked www.

980 0

阿里云小秘

怎么将aspx网站改为静态页面？

首先思路是在后台点击“生成静态页面” 转换为静态页面 protected void Button2_Click(object sender, EventArgs e) { DataSet ds = Getyuqian().

1426 0

sunsky303

Nginx开启gzip压缩大幅提高页面加载速度

1、Vim打开Nginx配置文件 vim /usr/local/nginx/conf/nginx.conf 2、找到如下一段，进行修改 gzip on;gzip_min_length 1k;gzip_buffers 4 16k;#gzip_http_version 1.

1110 0

德哥

PostgreSQL 打开文件句柄优化 - 百万以上实体对象初始化优化

2910 0

掌中の萌虎

ECS训练营Day1—基于阿里云ECS、VuePress搭建静态网站---青癯

ECS训练营Day1—基于阿里云ECS、VuePress搭建静态网站

107 0

关尚

MySQL SSD 参数优化

SSD硬盘：慢查询日志可以设置0.5秒，如果超过0.5秒。0.5秒在SSD上最少走了50个IO,就有可能没有用到索引。0.5秒还是有点问题：如果从8000W中找一条记录，如果加上order 等计算耗时，比较小。

3362 0

code_xzh

大量图片优化

http://blog.csdn.net/yifei1989/article/details/19906821 最近在练习中用GridView加入相册中图片发现加入大量的相片之后，GirdView会变得很卡，想到或许可以用异步加载的方式来解决，但是能力有限，想得到却无法实现。在读了一些大牛的博客和代码之后，终于实现了。 1 在异步加载之前的代码的和普通加载代码一样，只

1137 0