如何修复Disqus的preload警告？控制台相关警告能否解决？

一、为啥Disqus脚本会冒出一堆警告？ #

我帮你梳理了几个最常见的原因：

• 预加载（preload）相关提示：Disqus为了让评论区加载更快，会提前预加载一些字体、脚本资源，但有时候浏览器会觉得这些预加载的资源没被真正用上，或者加载时机不够“优雅”，就会弹出警告。说白了这大多是Disqus自己脚本的逻辑问题，和你写的代码关系不大。
• 第三方依赖的兼容性小问题：Disqus背后依赖了不少第三方库，有些库的代码可能没完全跟上现代浏览器的严格要求，或者用了一些已经被标记为“即将淘汰”的API，浏览器就会贴心给你提个醒。
• 跨域与安全策略的摩擦：Disqus是嵌入的第三方服务，它加载资源时会涉及跨域请求，如果你页面的内容安全策略（CSP）设置得比较严格，浏览器就会对某些跨域资源的加载行为发出警告，严重的话甚至可能影响评论区正常显示。
• 脚本加载顺序撞车：如果你的页面其他脚本和Disqus脚本加载时机冲突，比如Disqus还没初始化完，页面就触发了相关操作，也可能导致警告出现。

二、这些警告要不要修？能不能修？ #

先搞清楚警告的类型再决定 #

• 如果是preload警告：这类基本不影响功能，只是浏览器在提醒你“这个资源预加载了但没用到，有点浪费哦”。Disqus搞预加载本来是为了提速，除非这些警告真的导致页面加载变慢、资源浪费严重，否则完全没必要特意去修。
• 如果是废弃API警告：要是这些警告没影响评论区正常使用，就不用急——Disqus团队肯定会在后续版本里更新这些旧代码。但如果已经导致评论区加载失败、功能异常了，那就得想办法处理。
• 如果是CSP/CORB相关警告：这类可能会直接影响功能，比如评论区加载不出来，这时候你就得调整页面的内容安全策略，给Disqus开点“权限”。

这些情况你自己就能搞定 #

• 调整Disqus的加载时机：比如把Disqus脚本挪到页面底部，或者等页面DOM加载完再加载Disqus，避免和其他脚本抢资源。给你个示例代码参考：

  document.addEventListener('DOMContentLoaded', function() {
      var disqus_config = function () {
          this.page.url = window.location.href;
          this.page.identifier = '你的页面唯一标识';
      };
      (function() {
          var d = document, s = d.createElement('script');
          s.src = 'https://你的disqus短名称.disqus.com/embed.js';
          s.setAttribute('data-timestamp', +new Date());
          (d.head || d.body).appendChild(s);
      })();
  });
  

• 调整内容安全策略（CSP）：如果是CSP导致的警告，在你的CSP规则里加上Disqus相关的域名就行，比如：

  script-src 'self' https://*.disqus.com https://*.disquscdn.com;
  style-src 'self' https://*.disquscdn.com;
  img-src 'self' https://*.disquscdn.com;
  

• 禁用不必要的预加载（谨慎操作）：有些情况下你可以通过自定义脚本或者修改Disqus配置，关掉某些预加载资源，但这可能会让评论区加载变慢，得权衡好利弊再动手。

这些情况你搞不定，得找Disqus官方 #

大部分Disqus自身脚本的问题（比如内部依赖的废弃API、自己的预加载逻辑导致的警告），你作为嵌入方是没法直接修改的——这些得Disqus官方团队去优化修复。你可以通过他们的官方支持渠道反馈问题，等他们更新版本就行。

总结一下 #

总的来说，Disqus的控制台警告大多是不影响核心功能的性能或兼容性提示，除非出现功能异常或者严重拖慢页面速度，否则真没必要过度纠结。如果确实要处理，先分清警告类型，能自己调整的（比如加载时机、CSP）就动手，属于Disqus自身的问题，就交给官方处理就好。

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