WordPress网站延迟JavaScript解析的常用方法

共计 868 个字符，预计需要花费 3 分钟才能阅读完成。

当我们打开网站时，浏览器将从服务器接收网站的内容，并从上到下加载代码。但是，如果它找到 JavaScript，加载过程将被中断，直到它下载完所有的 JavaScript。这种情况下，我们可以推迟 JavaScript 的解析，以允许浏览器加载全部内容，而无需等待脚本加载。本文列举了 WordPress 网站延迟 JavaScript 解析的两种常用方法，下面一起来了解下。

方法 1、使用 WordPress 插件

在 WordPress 站点推迟 JavaScript 解析最简单的方法之一是使用插件，例如 Speed Booster Pack。安装激活该插件后，导航到 WordPress 仪表盘，点击左侧菜单中的 Speed Booster，单击 Advanced 选项卡，然后启用 Defer parsing of JS files 按钮，并保存设置，以激活推迟 JS 文件的解析。

方法 2、通过 functions.php 延迟解析 JavaScript

除了使用 WordPress 相关插件来延迟解析 JavaScript 文件外，我们还可手动编辑 WordPress 核心文件 functions.php 实现延迟解析操作。

从 WordPress 后台管理界面，依次选择 Appearance -> Theme Editor，找到主题文件 Theme Files 中的 functions.php，打开文件后并在底部输入以下代码段。

function defer_parsing_of_js ($url) {
if (FALSE === strpos( $url, ‘.js’) ) return $url;
if (strpos( $url, ‘jquery.js’) ) return $url;
return “$url’ defer “;
}
add_filter(‘clean_url’, ‘defer_parsing_of_js’, 11, 1);