阻止页面加载stats.wp.com相关JS文件

💡 原文中文,约1000字,阅读约需3分钟。
📝

内容提要

WordPress版本6.4.3的前台和后台页面不加载https://stats.wp.com/e-202411.js和https://stats.wp.com/w.js,以提高页面加载速度。通过在functions.php中添加代码实现。

🔎

延伸解读

问题根源与排查思路

文章指出,stats.wp.com的w.js和e-202411.js加载超时是导致前后台变慢的元凶,它们由JetPack插件引入。作者通过更换网络排除服务器问题,并在Safari开发者工具的网络标签中定位到超时请求。这提示我们,当页面加载异常缓慢时,可优先检查外部资源请求,尤其是来自大陆访问困难的域名。

现有插件方案的局限

作者尝试停用JetPack统计功能无效,使用Asset Cleanup插件也只能在前台禁用w.js,无法处理e-202411.js,更不能控制后台的w.js。这说明通用插件未必能覆盖所有脚本,尤其是后台加载的脚本。对于类似问题,直接通过代码移除指定脚本可能更彻底。

代码方案的效果与注意事项

提供的代码通过wp_dequeue_script和wp_deregister_script移除前台和后台的JetPack统计脚本。作者应用后前台加载速度明显提升,后台效果待观察。需要注意的是,此方法会完全禁用相关统计功能,可能影响JetPack的数据收集。若未来脚本句柄变更,代码可能失效,需重新排查。

❓

Q&A

如何在WordPress中阻止加载特定的JS文件?

可以通过在主题的functions.php中添加特定代码来阻止加载这些JS文件。

为什么要阻止加载https://stats.wp.com的JS文件?

因为这两个JS文件会显著增加前台和后台的页面加载时间。

使用Asset Cleanup插件能否完全解决JS加载问题?

不能,Asset Cleanup插件只能控制前台不加载w.js,无法控制e-202411.js和后台的w.js。

在WordPress后台编辑时遇到加载缓慢的问题,可能是什么原因?

可能是由于加载了某个大陆访问困难的资源,如w.js和e-202411.js。

应用代码后,前台页面加载速度有何变化?

应用代码后,前台页面加载速度明显提升。

如何确认是哪个JS文件导致页面加载缓慢?

可以使用Safari开发者工具的“网络”标签页查看加载超时的文件。

🏷️

标签

➡️

继续阅读