首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

nginx -为带有gzip压缩的.css文件启用缓存

nginx是一款高性能的开源Web服务器软件,也可以作为反向代理服务器、负载均衡器和HTTP缓存服务器使用。它具有轻量级、高并发处理能力和低内存消耗等特点,被广泛应用于互联网领域。

对于带有gzip压缩的.css文件启用缓存,可以通过nginx的配置文件进行设置。首先,需要确保nginx已经安装并正确配置。然后,打开nginx的配置文件(一般位于/etc/nginx/nginx.conf或/usr/local/nginx/conf/nginx.conf),找到http部分的配置。

在http部分的配置中,可以添加以下内容来启用缓存:

代码语言:txt
复制
http {
    ...
    gzip on;
    gzip_types text/css;
    gzip_min_length 1024;
    gzip_comp_level 1;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";
    ...
    server {
        ...
        location ~* \.css$ {
            expires 1d;
            add_header Cache-Control "public";
        }
        ...
    }
    ...
}

上述配置中,gzip on;表示启用gzip压缩,gzip_types text/css;表示只对CSS文件进行gzip压缩,gzip_min_length 1024;表示只对大于等于1024字节的文件进行压缩,gzip_comp_level 1;表示压缩级别为1(最低级别),gzip_vary on;表示根据Accept-Encoding请求头来判断是否启用gzip压缩,gzip_disable "MSIE [1-6]\.";表示禁用对IE6及以下版本的浏览器进行gzip压缩。

在server部分的配置中,使用location指令匹配CSS文件的请求,并设置expires指令来设置缓存过期时间,add_header指令来添加缓存控制头。

以上配置中,expires 1d;表示缓存过期时间为1天,add_header Cache-Control "public";表示设置缓存控制头为public,允许缓存的内容被公共缓存服务器缓存。

推荐的腾讯云相关产品是CDN(内容分发网络),腾讯云CDN是一种分布式部署的加速网络,可以将静态资源缓存到全球各地的边缘节点,提供快速访问和下载速度。使用腾讯云CDN可以进一步提升网站的性能和用户体验。

腾讯云CDN产品介绍链接地址:https://cloud.tencent.com/product/cdn

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

vue项目部署最佳实践

总结: 凡是文件带有hash值文件都可以设置“永久缓存”(一年),其他不带hash文件使用etag来设置缓存,由Nginx判断是否过期。...都会多一份对应gzip文件,部署时候需要配置一下,启用gzip,这样支持gzip压缩浏览器请求就是压缩文件,不支持浏览器请求就是源文件gzip压缩文件体积会小很多。...服务器配置gzip压缩 Nginx是前端文件常用服务器,Nginx服务器配置文件nginx.confhttp模块: server { # 开启gzip on开启,off关闭 gzip...现在我们已经提供js和cssgz文件,如何判断Nginx是使用了我们提供gz文件,而不是自己压缩呢?...查看network请求发现,每一个文件都有etag响应头,如果Nginx使用了已有的gz文件,那么这个请求etag值不带有W/,反之,如果是文件Nginx压缩,etag值则会带有W/。

1.6K10

关于 nginxgzip模块配置示例

gzip模块是我们在nginx里面经常用到压缩响应数据,这通常有助于将传输数据大小减少一半甚至更多。可以让我们访问网站更为流畅。...16 8k 功能:置系统获取几个单位缓存用于存储gzip压缩结果数据流。...如果响应头包含带有“ no-cache”参数“Cache-Control”字段,则启用压缩;   no-store        如果响应头包含带有“ no-store”参数“Cache-Control...”字段,则启用压缩;   private          如果响应头包含带有“ private”参数“Cache-Control”字段,则启用压缩; no_last_modified   如果响应头不包含...”字段,则启用压缩;   any            所有代理请求启用压缩

77410

如何改进 NGINX 配置文件节省带宽?

如何改进 NGINX 配置文件节省带宽? HTML,CSS和JavaScript文件启用Gzip压缩 如您所知,用于在现代网站上构建页面的HTML,CSS和JavaScript文件可能非常庞大。...默认情况下,NGINX中禁用压缩,但是根据您安装或Linux发行版,某些设置可能会在默认nginx.conf文件启用。...在这里,我们在NGINX配置文件启用gzip压缩gzip on; gzip_types application/xml application/json text/css text/javascript...application/javascript; gzip_vary on; gzip_comp_level 6; gzip_min_length 500; 设置缓存头 当浏览器检索网页文件时,它会将副本保留在本地磁盘缓存中...:jpg|jpeg|gif|png|ico|woff2|js|css)$ { access_log off; } 方法2:禁用成功请求日志记录 这是一种更强大方法,因为它会丢弃带有或响应代码查询

1.1K10

提升你PageSpeed评分吧!

我们目标是达到80/100以上分数,这是PageSpeed分数绿色标记阈值,其表示这是一个快速站点。 首先,本文将带您特定类型文件启用Gzip压缩。然后,将配置浏览器缓存以获得额外提升。...,桌面上分数74,因为其在服务器上未正确配置压缩和浏览器缓存。...注意:在某些情况下,默认Nginx配置可能已在配置文件启用Gzip压缩缓存,从而产生了完美的PageSpeed分数。如果是这种情况,请继续阅读,因为默认设置不足以进行实际应用。...第二步、启用压缩 CSS,JavaScript和图像文件可能很大,增加了用户网页下载数据量。我们将使用压缩功能压缩这些数据,浏览器下载后会在本地解压,从而加快您网站浏览速度。...要启用压缩,请在nano或您喜欢文本编辑器中打开站点Nginx配置文件

1.6K80

Nginx24】Nginx学习:压缩模块Gzip

因此,最合适压缩,还是普通文本类型响应,比如纯文本文件、html/css/js响应、xml、JSON数据等等。 gzip_buffers 设置用于压缩响应缓冲区数量和大小。...该指令接受多个参数: off 禁用所有代理请求压缩,忽略其他参数 expired 如果响应标头包含带有禁用缓存“Expires”字段,则启用压缩 no-cache 如果响应头包含带有“no-cache...”参数“Cache-Control”字段,则启用压缩 no-store 如果响应头包含带有“no-store”参数“Cache-Control”字段,则启用压缩 private 如果响应头包含带有“...ETag”字段,则启用压缩 auth 如果请求标头包含“授权”字段,则启用压缩 any 所有代理请求启用压缩 官方解释是 仅将响应压缩到不会在代理服务器上缓存请求是合理 ,代理请求主要指的是一些高速缓存服务器或...gzip_static 这个模块从名字上来看,好像是什么静态 Gzip 意思,其实它是允许发送带有“.gz”文件扩展名压缩文件而不是常规文件

62621

前端性能优化之gzip

使用gzip需要web容器,浏览器支持。配置 js、text、json、css 这种纯文本进行压缩,效率极高压缩需要消化CPU,对于大文件(音乐/视频/图片)压缩,会增加服务器压力。...gzip_types text/plain text/css application/json application/javascript# 启用gzip压缩最小文件,小于设置值文件将不会压缩gzip_min_length...//是否删除原有静态资源文件,即只保留压缩.gz文件,建议这个置false,还保留源文件。...:无条件压缩所有结果数据gzip_buffers:处理请求压缩缓冲区数量和大小,其中number:指定Nginx服务器向系统申请缓存空间个数,size指的是每个缓存空间大小。...,反之速度越慢文件压缩比越大,默认值1gzip_min_length:当返回内容大于此值时才会使用gzip进行压缩,以K单位,当值0时,所有页面都进行压缩

26310

「简明性能优化」双端开启Gzip指南

(js|css)$'), // 只处理大于xx字节 文件,默认:0 threshold: 10240, // 示例:一个1024b大小文件压缩后大小768b,...该模块启用后, nginx首先检查是否存在请求静态文件gz结尾文件,如果有则直接返回该gz文件内容。...为了要兼容不支持gzip浏览器,启用 gzip_static模块就必须同时保留原始静态文件和gz文件。这样的话,在有大量静态文件情况下,将会大大增加磁盘空间。...nginx在请求时压缩文件时,某些包可能内置了缓存,因此性能损失只发生一次(或不经常),但通常不同之处在于,这将在响应 HTTP请求时发生。...对于实时压缩,让上游代理(例如 Nginx)处理 gzip缓存通常更高效,因为它们是专门为此而构建,并且不会遭受服务端程序运行时开销(许多都是用C语言编写) 。

1.5K30

Nginx实战操作-动静分离

第一个,Nginx本身就是一个高性能静态web服务器; 第二个,其实静态文件有一个特点就是基本上变化不大,所以动静分离以后我们可以对静态文件进行缓存、或者压缩提高网站性能 缓存处理   浏览器缓存文件保存在客户端...因此Nginx中提供了一种Gzip压缩优化手段,可以对后端文件进行压缩传输,压缩以后好处在于能够降低文件大小来提高传输效率。...开始压缩最小长度(小于多少就不做压缩),可以指定单位,比如 1k Gzip_http_version 1.0|1.1 表示开始压缩http协议版本 Gzip_proxied nginx 做前端代理时启用该选项...,表示无论后端服务器headers头返回什么信息,都无条件启用压缩 Gzip_type text/pliain,application/xml 对那些类型文件压缩 (conf/mime.conf)...Gzip_vary on|off 是否传输gzip压缩标识; 启用应答头"Vary: Accept-Encoding";给代理服务器用,有的浏览器支持压缩,有的不支持,所以避免浪费不支持压缩,所以根据客户端

2.1K20

Nginx性能优化功能- Gzip压缩(大幅度提高页面加载速度)

Nginx开启Gzip压缩功能, 可以使网站css、js 、xml、html 文件在传输时进行压缩,提高访问速度, 进而优化Nginx性能! ...Web网站上图片,视频等其它多媒体文件以及大文件,因为压缩效果不好,所以对于图片没有必要支压缩,如果想要优化,可以图片生命周期设置长一点,让客户端来缓存。...资源,所以一般折中6 gzip types text/css text/xml application/javascript; #制定压缩类型,线上配置时尽可能配置多压缩类型!...此处表示ie6及以下不启用gzip(因为ie低版本不支持) gzip vary on; #选择支持vary header;改选项可以让前端缓存服务器缓存经过gzip压缩页面; 这个可以不写,表示在传送数据时...Gzip压缩功能虽然好用,但是下面两类文件资源不太建议启用压缩功能。

7.4K31

「Openresty系列」Nginx如何开启GZIP文件压缩

支持资源类型 实际上,GZip 主要用于对文本类型资源进行压缩,例如常用见文本资源: HTML 文件:text/HTML(默认压缩)、application/xhtml+xml CSS 文件:text...启用GZip Nginx是否支持 GZip nginx gzip 处理模块是:ngx_http_gzip_module。...未开启GZIP压缩 模拟网速慢未开启压缩。首先我们对nginx进行限速操作,限制每个连接访问速度128K来建立一个比较慢访问场景。...gzip_min_length 1k; #设置允许压缩页面最小字节数,超过1k文件会被压缩 gzip_types application/javascript text/css; #对特定...js文件已经被压缩,加载时间缩短到3.88s,提速3倍左右: Nginx返回请求头中添加了Content-Encoding: gzip信息 总结 在服务器端 Nginx 启用 gzip 压缩,对于目前流行单页面应用而言

70610

008.Nginx静态资源

3.1 gzip压缩配置 Nginx将响应报文发送至客户端之前可以启用压缩功能,这能够有效地节约带宽,并提高响应至客户端速度。...gzip static默认适用HTTP 1.1。 3.5 gzip_buffers压缩缓冲配置 设置系统获取几个单位缓存用于存储gzip压缩结果数据流。...3.7 gzip_min_length特定大小压缩配置 当返回内容大于此值时才会使用gzip进行压缩,单位字节,当值0时,所有页面都进行压缩。...四 静态资源压缩配置 4.1 创建站点目录 [root@nginx ~]# mkdir /usr/share/nginx/gzip/ 上传用于测试html、png、css文件,提前查看文件大小。...提示:同时可通过将gzip_min_length设置500k再进行观察,可知只有test.png和test.js,两个大于500k文件才会被压缩css不会进行压缩。 ?

1.3K30

分享 11 个常用 Nginx 性能优化参数工作

events { multi_accept on; } 配置 worker 进程最大打开文件数 调整配置 Nginx worker 进程最大打开文件数,这个控制连接数参数 workerrlimitnofile...配置压缩优化 1、Gzip 压缩 我们在上线前,代码(JS、CSS 和 HTML)会做压缩,图片也会做压缩(PNGOUT、Pngcrush、JpegOptim、Gifsicle 等)。...对于文本文件,在服务端发送响应之前进行 GZip 压缩也很重要,通常压缩文本大小会减小到原来 1/4 - 1/3。...gzip_disable 指令接受一个正则表达式,当请求头中 UserAgent 字段满足这个正则时,响应不会启用 GZip,这是为了解决在某些浏览器启用 GZip 带来问题。...默认 Nginx 只会针对 HTTP/1.1 及以上请求才会启用 GZip,因为部分早期 HTTP/1.0 客户端在处理 GZip 时有 Bug。

4K20

nginx开启gzip压缩

on|off nginx对于静态文件处理模块 该模块可以读取预先压缩gz文件,这样可以减少每次请求进行gzip压缩CPU资源消耗。...该模块启用后,nginx首先检查是否存在请求静态文件gz结尾文件,如果有则直接返回该gz文件内容。...gzip_buffers 4 16k 默认值: gzip_buffers 4 4k/8k 设置系统获取几个单位缓存用于存储gzip压缩结果数据流。...默认值: gzip_types text/html (默认不对js/css文件进行压缩) 压缩类型,匹配MIME类型进行压缩 不能用通配符 text/* (无论是否指定)text/html默认已经压缩...Cache Server,而且前端nginx没有开启gzip,同时,我们后端nginx上没有设置gzip_http_version1.0,那么Cacheurl将不会进行gzip压缩 gzip_proxied

2K40

Nginx调优

Nginx启用压缩功能需要你来ngx_http_gzip_module模块,apache使用是mod_deflate。...一般我们需要压缩内容有:文本,js,html,css,对于图片,视频,flash什么压缩,同时也要注意,我们使用gzip功能是需要消耗CPU!...gzip_buffers 4 32k:压缩缓冲区大小,表示申请4个单位32K内存作为压缩结果流缓存,默认值是申请与原始数据大小相同内存空间来存储gzip压缩结果。...默认值: gzip_types text/html (默认不对js/css文件进行压缩) gzip_vary on:varyheader支持,改选项可以让前端缓存服务器缓存经过GZIP压缩页面,例如用...Squid缓存经过nginx压缩数据 expires缓存调优 缓存,主要针对于图片,css,js等元素更改机会比较少情况下使用,特别是图片,占用带宽大,我们完全可以设置图片在浏览器本地缓存365d,

88430

如何在Ubuntu 14.04上将gzip模块添加到Nginx

网站加载速度取决于浏览器下载所有文件大小。减少要传输文件大小不仅可以使网站加载速度更快,而且对那些必须带宽使用付费的人来说更便宜。 gzip是一种流行数据压缩程序。...您可以将Nginx配置使用gzip压缩它正在运行文件。然后,这些文件在检索时被支持它浏览器解压,没有任何损失,但是在web服务器和浏览器之间传输数据量更小。...通过适当地命名文件,我们可以诱使Nginx认为一个完全空文件是一个图像,另一个是一个样式表。 在我们配置中,Nginx不会压缩非常小文件,所以我们将创建大小正好1千字节测试文件。...这告诉我们gzip压缩已用于发送此文件。这是因为在CentOS服务器上,Nginx gzip在安装后使用默认设置自动启用压缩。 但是,在默认情况下,Nginx压缩HTML文件。...我们将对此部分进行一些更改: 通过取消注释所有注释行来启用其他设置(即,通过删除#行开头) 添加该gzip_min_length 256;指令,告诉Nginx不要压缩小于256字节文件

94600

Nginx从入门到放弃03-Nginx调优

sendfile on:开启高效文件传输模式,sendfile指令指定nginx是否调用sendfile函数来输出文件,对于普通应用设为 on,如果用来进行下载等应用磁盘IO重负载应用,可设置off,.../javascript application/xml; # 开启gzip gzip off; #Nginx做为反向代理时候启用:off – 关闭所有的代理结果数据压缩expired...中包含“Authorization”头信息,启用压缩any – 无条件压缩所有结果数据 gzip_proxied any; # 启用gzip压缩最小文件,小于设置值文件将不会压缩...gzip_min_length 1k; # gzip 压缩级别,1-9,数字越大压缩越好,也越占用CPU时间,后面会有详细说明 gzip_comp_level 1; # 进行压缩文件类型...gzip压缩功能虽然好用,但是下面两类文件资源不太建议启用压缩功能a.图片类型资源(包括视频文件)b.大文件资源expires缓存优化将部分数据缓存在用户本地磁盘,用户加载时,如果本地和服务器数据一致

30820

Nginx源码安装及调优配置

/en/docs/http/ngx_http_fastcgi_module.html#fastcgi_cache gzip调优 使用gzip压缩功能,可能为我们节约带宽,加快传输速度,有更好体验,也我们节约成本...,所以说这是一个重点 Nginx启用压缩功能需要你来ngx_http_gzip_module模块,apache使用是mod_deflate 一般我们需要压缩内容有:文本,js,html,css,对于图片...gzip_buffers 4 32k; #压缩缓冲区大小,表示申请4个单位32K内存作为压缩结果流缓存,默认值是申请与原始数据大小相同内存空间来存储gzip压缩结果。...gzip_types text/css text/xml application/javascript; #用来指定压缩类型,‘text/html’类型总是会被压缩。...gzip_vary on; #vary header支持,改选项可以让前端缓存服务器缓存经过GZIP压缩页面,例如用Squid缓存经过nginx压缩数据 那么配置压缩过程中,会有一下参数

2K60

Nginx优化

Nginx跳跃 1、并发优化 nginx工作模式:主进程+工作进程 启动工作进程数量 worker_processes 4; #指定运行编号,采用掩码方式设置编号 worker_cpu_affinity...off; #Nginx做为反向代理时候启用: off – 关闭所有的代理结果数据压缩 expired – 如果header中包含”Expires”头信息,启用压缩 no-cache...any – 无条件压缩所有结果数据 gzip_proxied any; # 启用gzip压缩最小文件,小于设置值文件将不会压缩 gzip_min_length 1k;...# gzip 压缩级别,1-9,数字越大压缩越好,也越占用CPU时间,后面会有详细说明 gzip_comp_level 1; # 进行压缩文件类型。...1.0; 4、静态缓存 将部分数据缓存在用户本地磁盘,用户加载时,如果本地和服务器数据一致,则从本地加载。

27620

Nginx学习之Nginx实战(二)

这取决于服务器端输出页面信息 浏览器缓存文件保存在客户端,好缓存策略可以减少对网络带宽占用,可以提高访问速度,提高用户体验,还可以减轻服务器负担nginx缓存配置 Nginx缓存配置 Nginx...因此Nginx中提供了一种Gzip压缩优化手段,可以对后端文件进行压缩传输,压缩以后好处在于能够降低文件大小来提高传输效率 " 配置信息 Gzip on|off 是否开启gzip压缩 Gzip_buffers...#开始压缩最小长度(小于多少就不做压缩),可以指定单位,比如 1k Gzip_http_version 1.0|1.1 表示开始压缩http协议版本 Gzip_proxied (nginx 做前端代理时启用该选项...,表示无论后端服务器headers头返回什么信息,都无条件启用 压缩Gzip_type text/pliain,application/xml 对哪些类型文件压缩 (conf/mime.conf...) Gzip_vary on|off 是否传输gzip压缩标识; 启用应答头"Vary: Accept-Encoding";给代理服务器用,有的浏览器支 持压缩,有的不支持,所以避免浪费不支持压缩

53520
领券