Firefox 131.0首次加载PHP页面无法加载CSS，旧版本正常求解决方案

问题重现 #

在MacOS 10.9.5系统的Firefox 131.0桌面版中，首次加载PHP页面或清除浏览器缓存后，CSS文件无法加载。加载代码为：

<link href="https://www.somesite.com/css/latest.css" rel="stylesheet" />

首次加载时样式表未加载，第二次从缓存加载则正常显示。旧版Firefox 78.15、Firefox 131移动端均无此问题，多位Mac用户测试均出现相同现象。

可行的排查与解决方法 #

• 检查缓存响应头配置
  重点看服务器返回的Cache-Control、ETag等头信息。Firefox 131对旧系统的缓存规则可能更严格，若Cache-Control设置了no-cache或no-store，可能导致首次加载时浏览器拒绝处理。建议调整为Cache-Control: public, max-age=86400这类宽松策略，让浏览器能正常缓存并加载资源。
• 给CSS添加版本标识
  修改加载代码为<link href="https://www.somesite.com/css/latest.css?v=20240520" rel="stylesheet" />，通过版本号强制浏览器将其识别为新资源，绕过可能的缓存策略冲突。
• 适配旧系统的TLS版本
  MacOS 10.9.5仅支持到TLS 1.2，Firefox 131可能在首次TLS握手时出现兼容性问题。可以在服务器端确认开启了TLS 1.2支持，同时排查SSL证书是否存在旧系统不兼容的情况。
• 禁用Firefox的HTTP/2
  在Firefox地址栏输入about:config，找到network.http.spdy.enabled.http2和network.http.spdy.enabled.http2tls，将其设为false后重启浏览器。旧系统下HTTP/2的兼容性可能存在问题，导致静态资源加载失败。
• 验证CSS的MIME类型
  确保服务器返回的CSS文件MIME类型是text/css，若返回错误类型（如text/plain），Firefox 131可能在首次加载时拒绝解析样式表。

内容的提问来源于stack exchange，提问作者schustischuster