前端静态资源压缩

前端静态资源开启压缩 html、css、font、js、image的压缩,可参考文章gulp压缩 静态文件压缩工具gulp

图片资源还可以批量压缩 使用 图片压缩工具 批量压缩文件

服务器开启gzip

在静态服务部分启动gzip可压缩其他资源大概1/2,图片资源不建议压缩,压缩会增大体积

  1. server {
  2. listen 90;
  3. server_name localhost;
  4. gzip on; //启用gzip
  5. gzip_buffers 32 4K; //设置gzip压缩的最小大小
  6. gzip_comp_level 6; //设置压缩程度
  7. gzip_min_length 100;
  8. gzip_types text/css application/javascript image/x-icon image/svg+xml image/jpeg image/gif image/png image/x-ms-bmp; //设置压缩的文件格式,不建议添加图片格式
  9. location / {
  10. root /data/ftp/pub; //设置服务器代码地址
  11. index index.html index.htm; //设置默认首页
  12. try_files $uri $uri/ /index.html;//添加这一行,网址下的所有地址默认返回index.html
  13. }
  14. error_page 500 502 503 504 /50x.html;
  15. location = /50x.html {
  16. root /usr/share/nginx/html;
  17. }
  18. }

资源开启cdn

去云控制太开启cdn,配置域名,域名解析配置cname