CDN加载jQuery失败求助：首次请求失败，多次尝试后成功

这种加载不稳定的情况我之前也碰到过类似的，咱们一步步拆解问题：

首先可以明确：你的引入方式没有错误，//开头的相对协议写法是规范的，会自动根据当前页面的http/https协议适配请求，之前运行正常也能佐证这一点。问题大概率出在外部CDN的资源可用性上，而非你的代码。

可能的原因 #

• jQuery 1.11.2是2014年发布的超老旧版本，官方CDN（code.jquery.com）对这类过时版本的资源维护优先级极低，可能存在节点减少、缓存策略调整的情况，导致请求偶尔失败。
• 网络链路波动：你的服务器到code.jquery.com的部分节点之间可能存在临时故障，多次请求后CDN自动切换到了可用节点，因此后续尝试成功。

推荐的解决方案 #

• 切换更稳定的CDN源：改用通用CDN（比如cdnjs）的同版本资源，这些平台对老版本库的维护更稳定，节点覆盖更广。示例代码：

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  

• 本地托管jQuery文件：如果对稳定性要求极高，直接下载jquery-1.11.2.min.js到自己的服务器，从本地路径引入，彻底摆脱对外部CDN的依赖。示例：

  <script type="text/javascript" src="/static/js/jquery-1.11.2.min.js"></script>
  

• 调整脚本加载位置：把脚本从<head>顶部移到</body>标签前，这样既不会阻塞页面渲染，也能减少头部并发请求的压力，间接提升加载成功率。
• 添加加载失败降级逻辑：可以增加一段检测脚本，当jQuery加载失败时自动切换备用源，避免页面功能失效。示例：

  // 页面加载完成后检测jQuery是否存在
  window.addEventListener('load', function() {
    if (typeof jQuery === 'undefined') {
      // 加载失败，尝试备用CDN
      var backupScript = document.createElement('script');
      backupScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js';
      document.body.appendChild(backupScript);
    }
  });
  

另外，从你提供的开发者工具信息来看，请求头和引用策略都没有问题，直接浏览器访问也需要多次尝试才能成功，这进一步验证了是CDN源的稳定性问题，而非你的代码写法错误。

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