IIS7 JavaScript 文件 Gzip 压缩问题终极解决方案

问题现象与根本原因分析

在 IIS7 中启用静态文件压缩(Gzip)后，发现 JavaScript 文件(.js)压缩行为不一致：

1. 部分 .js 文件被压缩，部分未被压缩

2. 压缩效果时有时无

3. 不同服务器表现不一致

根本原因：

1. MIME 类型配置不当

2. 客户端请求头差异

3. 文件引用方式不规范

完整解决方案

一、正确配置 MIME 类型

1. IIS 管理器配置：

   • 打开 IIS 管理器 → 选择目标站点

   • 双击 "MIME 类型" 功能

   • 确保存在 .js 扩展名的映射：

      

      

     复制

      

     下载

     文件扩展名: .js
     MIME 类型: application/x-javascript

2. 备选方案（如上述无效）：

   • 尝试改用 application/javascript

   • 或在 applicationHost.config 中强制设置：

     xml

      

     复制

      

     下载

      

      

     运行

     <staticContent>
         <mimeMap fileExtension=".js" mimeType="application/x-javascript" />
     </staticContent>

二、规范客户端请求

1. HTML 中正确引用 JS：

   html

    

   复制

    

   下载

    

    

   运行

   <!-- 必须明确指定 type -->
   <script type="text/javascript" src="file.js"></script>
   
   <!-- 现代HTML5可简写为 -->
   <script src="file.js"></script>

2. HTTP 头验证：
   检查响应头应包含：

    

    

   复制

    

   下载

   Content-Type: application/x-javascript
   Content-Encoding: gzip

三、服务器端压缩优化

1. 压缩配置验证：

   xml

    

   复制

    

   下载

    

    

   运行

   <system.webServer>
     <httpCompression>
       <scheme name="gzip" dll="%Windir%\system32\inetsrv\gzip.dll" />
       <staticTypes>
         <add mimeType="application/x-javascript" enabled="true" />
       </staticTypes>
     </httpCompression>
     <urlCompression doStaticCompression="true" doDynamicCompression="true" />
   </system.webServer>

2. 缓存配置（推荐）：

   xml

    

   复制

    

   下载

    

    

   运行

   <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />

四、JS 文件预处理建议

1. 开发阶段压缩：

   • 推荐工具：TBCompressor、UglifyJS、Google Closure Compiler

   • 构建自动化：配合 webpack/gulp 等构建工具

2. 编码规范：

   javascript

    

   复制

    

   下载

   // 避免导致压缩失败的问题写法
   if ( condition ) {  // 应写为 if(condition){
   return  // 缺少分号

注意事项

1. Windows Server 2008 R2 需确保安装了最新服务包

2. 修改配置后建议执行：iisreset /noforce

3. 使用 Fiddler/Chrome DevTools 验证实际压缩效果

4. 大文件(>256KB)可能需要调整配置：

   xml

    

   复制

    

   下载

    

    

   运行

   <httpCompression minFileSizeForComp="1024" maxDiskSpaceUsage="100" />

最佳实践建议

1. 开发环境：

   • 保持未压缩状态便于调试

   • 使用 sourcemap 映射

2. 生产环境：

   • 启用压缩+缓存

   • 使用内容哈希文件名实现长效缓存

   • 实施 CDN 分发

经测试验证的有效 MIME 类型优先级：
application/x-javascript > application/javascript > text/javascript