1、如何减少客户端与服务端带宽传输
静态资源压缩：

如果图片过大压缩后模糊，建议使用图片分段形式展示；

人工压缩
Css/JS/IMG实现压缩地址：http://tool.oschina.net/jscompress/
Maven自动打包压缩 自动生成.min文件

  1. <parent>
  2.         <groupId>org.springframework.boot</groupId>
  3.         <artifactId>spring-boot-starter-parent</artifactId>
  4.         <version>2.0.1.RELEASE</version>
  5.     </parent>
  6.     <dependencies>
  7.         <!-- SpringBoot整合Web组件 -->
  8.         <dependency>
  9.             <groupId>org.springframework.boot</groupId>
  10.             <artifactId>spring-boot-starter-web</artifactId>
  11.         </dependency>
  12.     </dependencies>
  14.     <!-- 构建相关配置 -->
  15.     <build>
  16.         <!-- maven插件配置 -->
  17.         <plugins>
  18.             <plugin>
  19.                 <!-- YUI Compressor Maven压缩插件 -->
  20.                 <groupId>net.alchim31.maven</groupId>
  21.                 <artifactId>yuicompressor-maven-plugin</artifactId>
  22.                 <version>1.3.0</version>
  23.                 <configuration>
  24.                     <!-- 读取js,css文件采用UTF-8编码 -->
  25.                     <encoding>UTF-8</encoding>
  26.                     <!-- 不显示js可能的错误 -->
  27.                     <jswarn>false</jswarn>
  28.                     <!-- 若存在已压缩的文件，会先对比源文件是否有改动。有改动便压缩，无改动就不压缩 -->
  29.                     <force>false</force>
  30.                     <!-- 在指定的列号后插入新行 -->
  31.                     <linebreakpos>-1</linebreakpos>
  32.                     <!-- 压缩之前先执行聚合文件操作 -->
  33.                     <preProcessAggregates>true</preProcessAggregates>
  34.                     <!-- 压缩后保存文件后缀 -->
  35.                     <suffix>.min</suffix>
  36.                     <!-- 源目录，即需压缩的根目录 -->
  37.                     <sourceDirectory>${basedir}/mobile</sourceDirectory>
  38.                     <!-- 压缩js和css文件 -->
  39.                     <includes>
  40.                         <include>**/*.js</include>
  41.                         <include>**/*.css</include>
  42.                     </includes>
  43.                     <!-- 以下目录和文件不会被压缩 -->
  44.                     <excludes>
  45.                         <exclude>**/*.min.js</exclude>
  46.                         <exclude>**/*.min.css</exclude>
  47.                         <exclude>scripts/data/*.js</exclude>
  48.                     </excludes>
  50.                 </configuration>
  51.             </plugin>
  52.         </plugins>
  53.     </build>

然后进入到项目路径下执行：mvn yuicompressor:compress

Nginx自带压缩
在nginx.conf配置文件中进行配置
配置文件内容详细介绍
gzip配置的常用参数
gzip on|off; #是否开启gzip
gzip_buffers 32 4K| 16 8K #缓冲(压缩在内存中缓冲几块? 每块多大?)
gzip_comp_level [1-9] #推荐6 压缩级别(级别越高,压的越小,越浪费CPU计算资源)
gzip_disable #正则匹配UA 什么样的Uri不进行gzip
gzip_min_length 200 # 开始压缩的最小长度(再小就不要压缩了,意义不在)
gzip_http_version 1.0|1.1 # 开始压缩的http协议版本(可以不设置,目前几乎全是1.1协议)
gzip_proxied # 设置请求者代理服务器,该如何缓存内容
gzip_types text/plain application/xml # 对哪些类型的文件用压缩 如txt,xml,html ,css
gzip_vary on|off # 是否传输gzip压缩标志

  2.    # 代理缓存配置
  3.    proxy_cache_path "./meite_cachedata"  levels=1:2 keys_zone=meitecache:256m inactive=1d max_size=1000g; 
  5.     server {
  6.         listen       80;
  7.         server_name  localhost;
  9.         gzip on;
  10.         gzip_buffers 32 4K;
  11.         gzip_comp_level 6;
  12.         gzip_min_length 100;
  13.         gzip_types application/javascript text/css text/xml;
  14.         gzip_disable "MSIE [1-6]\."; #配置禁用gzip条件，支持正则。此处表示ie6及以下不启用gzip（因为ie低版本不支持）
  15.         gzip_vary on;
  16.         location /details {
  17.            #使用缓存名称
  18.            proxy_cache meitecache;
  19.            #对以下状态码实现缓存
  20.            proxy_cache_valid 200 206 304 301 302 1d;
  21.            #缓存的key
  22.            proxy_cache_key $request_uri;
  23.            add_header X-Cache-Status $upstream_cache_status;
  24.            proxy_pass   http://127.0.0.1:8080;
  25.            index  index.html index.htm;
  26.         }
  27.         location /all {
  28.            proxy_pass   http://127.0.0.1:8080;
  29.            index  index.html index.htm;
  30.         }
  32.     }

2、静态资源缓存控制

Http协议304状态 第一次访问会将资源缓存到浏览器客户端，如果该资源文件没有发生变化的情况下 不会重复向服务器端发送请求；
注意：七牛云CDN可能会缓存静态资源，建议每次发布生产环境中加上时间戳；

配置就在上边

怎样解决数据库中的数据与nginx缓存中数据不一致的问题，可以使用时间戳，也就是资源的更新时间，还有一种更好的方式就是在结业项目中会讲到的使用lua脚本实现数据库与nginx缓存中的数据一致性；
Nginx第五次课.docx 资料.zip

  1. 大型电商商品详情页面如何设计
  2. 1.    使用nginx缓存商品详情页面
  3. 版本控制解决方案：
  4. A.    使用版本号控制
  5. B.    手动清除Nginx缓存  需要物理删除
  6. C.    使用lua+openresty实现动态商品详情页面
  8. 传统的压缩方案：实际上对注释、空格去除、换成一行；
  9. Nginx 压缩非常耗CPU 
  11. 8兆图片通过技术手段压缩成2兆看起非常模糊
  12. 当时腾讯课堂限制每张图片只能够有2兆
  13. 将图片分成多个 拼接组成成一张 也就是等于原生图片；
  15. http协议304 缓存
  17. 客户端（浏览器）发送请求到服务器端 第一次请求的时候会缓存所有的静态资源到浏览器；
  18. 客户端发送第二次请求的时候 如果本地浏览器有缓存，就使用本地浏览器的；
  19. Key：访问的url value：
  21. 如果远程的文件发生的变化的情况下，就使用远程的；
  24. 客户端缓存（浏览器缓存）→CDN缓存（七牛云缓存）→Nginx缓存
  25. →JVM内置缓存 →Redis分布式缓存 →数据库

需要考虑问题：
Redis与数据库一致性问题 mq订阅binlog 同步数据一致性问题
JVM与Redis保持一致性问题
Nginx缓存与服务器端真实缓存一致问题