1. 配置缓存nginx.conf

  1. #user  nobody;
  2. worker_processes  1;
  4. #error_log  /opt/proj/nginx/logs/error.log;
  5. #error_log  /opt/proj/nginx/logs/error.log  notice;
  6. #error_log  /opt/proj/nginx/logs/error.log  info;
  8. pid        /opt/nginx/nginx.pid;
  11. events {
  12.     worker_connections  1024;
  13. }
  14. http {
  15.     include       mime.types;
  16.     default_type  application/octet-stream;
  18.     #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
  19.     #                  '$status $body_bytes_sent "$http_referer" '
  20.     #                  '"$http_user_agent" "$http_x_forwarded_for"';
  22.     #access_log  logs/access.log  main;
  24.     sendfile        on;
  25.     #tcp_nopush     on;
  27.     #keepalive_timeout  0;
  28.     keepalive_timeout  65;
  29.     #gzip  on;
  31.     #以下是开启gzip压缩缓存start
  32.     gzip on;
  33.     #该指令用于开启或关闭gzip模块(on/off)
  35.     gzip_buffers 16 8k;
  36.     #设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流。16 8k代表以8k为单位，安装原始数据大小以8k为单位的16倍申请内存
  38.     gzip_comp_level 6;
  39.     #gzip压缩比，数值范围是1-9，1压缩比最小但处理速度最快，9压缩比最大但处理速度最慢
  41.     gzip_http_version 1.1;
  42.     #识别http的协议版本
  44.     gzip_min_length 256;
  45.     #设置允许压缩的页面最小字节数，页面字节数从header头得content-length中进行获取。默认值是0，不管页面多大都压缩。这里我设置了为256
  47.     gzip_proxied any;
  48.     #这里设置无论header头是怎么样，都是无条件启用压缩
  50.     gzip_vary on;
  51.     #在http header中添加Vary: Accept-Encoding ,给代理服务器用的
  53.     gzip_types
  54.         text/xml application/xml application/atom+xml application/rss+xml application/xhtml+xml image/svg+xml
  55.         text/javascript application/javascript application/x-javascript
  56.         text/x-json application/json application/x-web-app-manifest+json
  57.         text/css text/plain text/x-component
  58.         font/opentype font/ttf application/x-font-ttf application/vnd.ms-fontobject
  59.         image/x-icon;
  60.     #进行压缩的文件类型,这里特别添加了对字体的文件类型
  62.     gzip_disable "MSIE [1-6]\.(?!.*SV1)";
  63.     #禁用IE 6 gzip
  64.     #开启gzip压缩缓存end
  66.     server {
  67.         listen       80;
  68.         server_name  localhost;
  70.         #charset koi8-r;
  72.         #access_log  logs/host.access.log  main;
  74.         location / {
  75.           proxy_pass http://127.0.0.1:8080;  
  77.         }
  79.         location /distc/ {
  80.             #所有静态文件直接读取硬盘
  81.             root   /opt/proj/;
  82.             autoindex   on;
  83.             #缓存30天
  84.             expires 30d;
  85.         }
  87.         #error_page  404              /404.html;
  89.         # redirect server error pages to the static page /50x.html
  90.         #
  91.         error_page   500 502 503 504  /50x.html;
  92.         location = /50x.html {
  93.             root   html;
  94.         }
  96.         # proxy the PHP scripts to Apache listening on 127.0.0.1:80
  97.         #
  98.         #location ~ \.php$ {
  99.         #    proxy_pass   http://127.0.0.1;
  100.         #}
  102.         # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
  103.         #
  104.         #location ~ \.php$ {
  105.         #    root           html;
  106.         #    fastcgi_pass   127.0.0.1:9000;
  107.         #    fastcgi_index  index.php;
  108.         #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
  109.         #    include        fastcgi_params;
  110.         #}
  112.         # deny access to .htaccess files, if Apache's document root
  113.         # concurs with nginx's one
  114.         #
  115.         #location ~ /\.ht {
  116.         #    deny  all;
  117.         #}
  118.     }
  121.     # another virtual host using mix of IP-, name-, and port-based configuration
  122.     #
  123.     #server {
  124.     #    listen       8000;
  125.     #    listen       somename:8080;
  126.     #    server_name  somename  alias  another.alias;
  128.     #    location / {
  129.     #        root   html;
  130.     #        index  index.html index.htm;
  131.     #    }
  132.     #}
  135.     # HTTPS server
  136.     #
  137.     #server {
  138.     #    listen       443 ssl;
  139.     #    server_name  localhost;
  141.     #    ssl_certificate      cert.pem;
  142.     #    ssl_certificate_key  cert.key;
  144.     #    ssl_session_cache    shared:SSL:1m;
  145.     #    ssl_session_timeout  5m;
  147.     #    ssl_ciphers  HIGH:!aNULL:!MD5;
  148.     #    ssl_prefer_server_ciphers  on;
  150.     #    location / {
  151.     #        root   html;
  152.     #        index  index.html index.htm;
  153.     #    }
  154.     #}
  155. }

2. 验证

nginx开启gzip缓存 - 图1

3.测试

  1. 没加入nginx 8s以上的文件

nginx开启gzip缓存 - 图2
2.加入nginx并且开启nginx的gzip缓存
nginx开启gzip缓存 - 图3
pdfmake.min.js时间：18.03s—>10.83,少了8s左右
vfs_fonts.js时间: 24.53s—> 11.82s ,少 13s左右
daterangepicker.js时间： 21.66s—> 3.77s ,少了17s