首页
学习
活动
专区
工具
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.conf的http模块: server { # 开启gzip on为开启,off为关闭 gzip...现在我们已经提供js和css的gz文件,如何判断Nginx是使用了我们提供的gz文件,而不是自己压缩的呢?...查看network请求发现,每一个文件都有etag响应头,如果Nginx使用了已有的gz文件,那么这个请求的etag值不带有W/,反之,如果是文件是Nginx压缩的,etag值则会带有W/。

1.7K10

关于 nginx的gzip模块配置示例

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

86610
  • 如何改进 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.7K80

    【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”文件扩展名的预压缩文件而不是常规文件。

    1.7K22

    Nginx 性能优化全方案:打造一个高效服务器

    二、启用Gzip压缩Gzip压缩是一种常用的网页压缩技术,可以减少传输的数据量,提高页面加载速度。Nginx支持Gzip压缩功能,可以通过配置Nginx来实现。...gzip on; # 开启Gzip压缩功能 gzip_min_length 1k; # 设置最小压缩文件大小为1KB gzip_buffers 4 16k; # 设置压缩缓冲区个数和大小...gzip_http_version 1.1; # 设置支持的HTTP协议版本为1.1 gzip_comp_level 2; # 设置压缩级别为2(速度与压缩率的平衡) gzip_types...text/plain application/x-javascript text/css application/xml; # 设置需要压缩的文件类型 ...}三、配置缓存策略缓存是提高网站性能的重要手段之一...(jpg|jpeg|gif|png|css|js)$ { add_header Cache-Control "public, max-age=31536000"; # 设置静态资源的缓存时间为1年

    52900

    前端性能优化之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时,所有页面都进行压缩。

    42710

    『学习笔记』Nginx 中的 Gzip 压缩配置指南

    gzip_min_length设置最小压缩数据大小,小于该值的数据将不进行压缩。 gzip_comp_level设置压缩级别,1 为最快压缩,9 为最高压缩率(建议设置为 4~6)。...gzip_vary 启用 Vary 响应头,告知缓存代理服务器对不同编码方式进行缓存分离处理。...解决方案: 不需要对图片等文件进行压缩,仅对文本类文件启用 Gzip,例如:gzip_types text/plain text/css application/javascript application...解决方案:将 gzip_comp_level 参数设置为较低值,例如 4 至 6,可以在压缩率和性能之间取得平衡。启用 gzip_static并提前生成 .gz文件,以减少实时压缩的开销。...此外,通过启用 gzip_static,可以进一步减轻服务器负担,为用户提供更快速的访问体验。

    19210

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

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

    1.6K30

    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.3K20

    「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 压缩,对于目前流行的单页面应用而言

    1.1K10

    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压缩功能虽然好用,但是下面两类文件资源不太建议启用此压缩功能。

    8.5K31

    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.4K30

    分享 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。

    4.7K20

    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,

    97830

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

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

    99500

    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缓存优化将部分数据缓存在用户本地磁盘,用户加载时,如果本地和服务器的数据一致

    33420

    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压缩的数据 那么配置压缩的过程中,会有一下参数

    2.1K60

    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_version为1.0,那么Cache的url将不会进行gzip压缩 gzip_proxied

    2.2K40

    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、静态缓存 将部分数据缓存在用户本地磁盘,用户加载时,如果本地和服务器的数据一致,则从本地加载。

    30620
    领券