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

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

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>



目录
相关文章
|
20天前
|
前端开发 JavaScript 容器
制作b超单生成器, 假怀孕b超单图片制作, p图医院证明【css+html+js装逼恶搞神器】
本资源提供一个适合用于熟人之间恶搞的工具,效果逼真,仅供学习参考与娱乐。包含前端技术学习要点:语义化布局、响应式设计、Flexbox、图片自适应
|
8月前
|
前端开发
在Webpack配置文件中,如何配置loader以处理其他类型的文件,如CSS或图片
在Webpack配置文件中,通过设置`module.rules`来配置loader处理不同类型的文件。例如,使用`css-loader`和`style-loader`处理CSS文件,使用`file-loader`或`url-loader`处理图片等资源文件。配置示例:在`rules`数组中添加对应规则,指定`test`匹配文件类型,`use`指定使用的loader。
|
3月前
|
监控 安全 BI
优化 Apache 日志记录的 5 个最佳实践
Apache 日志记录对于维护系统运行状况和网络安全至关重要,其核心包括访问日志与错误日志的管理。通过制定合理的日志策略,如选择合适的日志格式、利用条件日志减少冗余、优化日志级别、使用取证模块提升安全性及实施日志轮换,可有效提高日志可用性并降低系统负担。此外,借助 Eventlog Analyzer 等专业工具,能够实现日志的高效收集、可视化分析与威胁检测,从而精准定位安全隐患、评估服务器性能,并满足合规需求,为强化网络安全提供有力支持。
优化 Apache 日志记录的 5 个最佳实践
|
8月前
|
消息中间件 监控 大数据
优化Apache Kafka性能:最佳实践与调优策略
【10月更文挑战第24天】作为一名已经对Apache Kafka有所了解并有实际使用经验的开发者,我深知在大数据处理和实时数据流传输中,Kafka的重要性不言而喻。然而,在面对日益增长的数据量和业务需求时,如何保证系统的高性能和稳定性成为了摆在我们面前的一个挑战。本文将从我的个人视角出发,分享一些关于如何通过合理的配置和调优来提高Kafka性能的经验和建议。
219 4
|
6月前
|
JavaScript 算法 安全
深度剖析:共享文件怎么设置密码和权限的 Node.js 进阶算法
在数字化时代,共享文件的安全性至关重要。本文聚焦Node.js环境,介绍如何通过JavaScript对象字面量构建数据结构管理文件安全信息,包括使用`bcryptjs`库加密密码和权限校验算法,确保高效且安全的文件共享。通过实例代码展示加密与权限验证过程,帮助各行业实现严格的信息资产管理与协作。
|
7月前
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
76 2
|
7月前
|
负载均衡 前端开发 应用服务中间件
负载均衡指南:Nginx与HAProxy的配置与优化
负载均衡指南:Nginx与HAProxy的配置与优化
479 3
|
8月前
|
编解码 前端开发 UED
探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用
本文深入探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用。通过实际案例分析和注意事项的讨论,旨在帮助开发者更好地理解和运用媒体查询,提升移动端用户体验。
170 4
|
8月前
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
48 0
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
|
8月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
1628 4

热门文章

最新文章

推荐镜像

更多