移动端 JS 库更新后体积未减如何排查？检查字典新鲜度
压缩字典资源无法被后续请求使用时，通常是因为浏览器判定字典已过期，需要检查响应的缓存控制策略。
检查字典响应的缓存控制策略
浏览器使用字典的前提是字典响应必须处于新鲜状态。如果字典资源设置了 no-store 或 no-cache 指令，浏览器将不会存储该字典，导致后续请求无法引用。对于使用旧版本文件作为字典的场景，服务器必须为字典响应设置合理的 max-age 值，以确保浏览器在有效期内保留该字典。如果服务器将字典响应设置为必须重新验证，浏览器在过期后也不会使用该字典。
在开发环境中，可以通过开发者工具的网络面板查看字典响应的缓存状态。如果发现字典响应被标记为已过期或被标记为 no-store，说明缓存策略配置不当。此时需要修改服务器的缓存控制头部，确保字典响应能够被浏览器缓存。对于静态资源，通常建议设置较长的 max-age 值，以减少重复下载和验证的开销。
验证字典响应是否包含必要的头部
字典响应必须包含 Use-As-Dictionary 头部，否则浏览器无法识别该资源为字典。该头部通常包含一个 match 模式，用于指定哪些后续请求可以使用该字典。如果缺少该头部，浏览器将忽略该字典，即使其缓存状态是新鲜的。此外，字典响应还必须包含 Content-Encoding 头部，以表明该资源是经过压缩的。
检查时，确保字典响应的头部信息完整且正确。特别是 Use-As-Dictionary 头部的 match 模式必须与后续请求的 URL 匹配。如果 match 模式过于严格或过于宽松，可能导致字典无法被正确应用。同时，Content-Encoding 头部必须与 Accept-Encoding 头部中的编码方式一致，否则浏览器将无法正确解码字典。
排查字典与目标资源的同源与跨域限制
字典资源必须与目标资源同源，或者遵循 CORS 规则。如果字典资源与目标资源不在同一源，服务器必须为字典响应设置 Access-Control-Allow-Origin 头部，并允许目标资源通过 crossorigin 属性请求。如果跨域配置不正确，浏览器将阻止字典的加载和使用，导致后续请求无法引用该字典。
在移动端测试时，可以通过浏览器开发者工具的 Console 面板查看是否有跨域错误。如果发现字典资源被阻止加载，需要检查服务器的 CORS 配置。确保 Access-Control-Allow-Origin 头部允许目标资源的域名，并且目标资源请求时设置了 crossorigin 属性。如果配置正确，字典资源应该能够正常加载，并在后续请求中被引用。
确认字典响应是否被浏览器正确识别
浏览器在接收到字典响应后，会检查其新鲜度和头部信息。如果字典响应被标记为过期或缺少必要头部，浏览器将丢弃该字典。此时，后续请求将无法使用该字典，导致压缩效果下降。开发者工具的 Issues 面板通常会显示具体的错误信息，例如“响应无法作为字典使用，因为其新鲜度已过期”。
为了验证字典是否被正确识别，可以在后续请求中检查 Accept-Encoding 头部是否包含 dcb 或 dcz 编码。如果字典被正确使用，服务器应该返回 Content-Encoding 为 dcb 或 dcz 的响应。如果未包含这些编码，说明字典未被应用。此时需要重新检查字典的缓存策略、头部信息和跨域配置，确保所有条件都满足。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。