美文网首页nginxjs css htmlNginx
Linux_251_nginx静态资源压缩配置

Linux_251_nginx静态资源压缩配置

作者: 为宇绸缪 | 来源:发表于2022-09-17 11:29 被阅读0次

静态资源压缩

nginx支持gzip对资源压缩传输,经过gzip压缩后的页面大小可以为原本的30%甚至更小,用户浏览体验会快很多。

1、首先准备好nginx服务器,以及配置好虚拟主机站点,再准备好一些静态数据

2、此时在没有开启gzip压缩的情况下,访问,发现加载速度很慢

3、开启nginx的gzip压缩功能,只需要在http{}配置中,打开如下参数即可
gzip on;
gzip_http_version 1.1;
gzip_comp_level 4;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

等级越低,压缩效率越高
gzip_types 指定哪些文件可以压缩

重新加载
/opt/tngx232/sbin/nginx -s reload

相关文章

  • Linux_251_nginx静态资源压缩配置

    静态资源压缩 nginx支持gzip对资源压缩传输,经过gzip压缩后的页面大小可以为原本的30%甚至更小,用户浏...

  • 负载均衡

    什么是静态资源 nginx作为WEB静态资源的原理 CDN示例 配置语法 静态文件的压缩 对可压缩的静态资源压缩比...

  • nginx配置静态资源gzip压缩

    1.config 内容编写

  • 压缩静态资源

    使用gulp 压缩静态资源 在项目的根目录下执行以下命令: 在博客根目录下新建 gulpfile.js,并填入以下...

  • 页面性能优化

    加载资源优化 1,静态资源的压缩合并,减少HTTP请求 资源的合并,可以减少http请求数量。资源的压缩,可以减少...

  • Nginx常用配置

    基础配置 反向代理配置 静态资源配置

  • GZIP——静态资源压缩

    上一次,小白写的vue页面经打包部署到了服务器,不过白屏的等待太过分了。 看了一下一次刷新的白屏分析, 就是这货的...

  • Hexo静态资源压缩

    静态资源压缩可以优化网页的访问速度、提高用户体验 安装gulp 在站点目录下 或者 安装gulp插件 创建gulp...

  • Nginx入门到实践之场景实践篇

    1 静态资源 web 服务 1.1 静态资源类型 1.2 CDN 静态资源服务场景 1.3 CDN 配置语法 1....

  • 网站慢优化

    静态资源:gzip(压缩静态资源加快响应速度) expires(缓存到客户端,减少http请求)cdn(缓存到客户...

网友评论

    本文标题:Linux_251_nginx静态资源压缩配置

    本文链接:https://www.haomeiwen.com/subject/kfzsortx.html