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

扫码添加渲大师小管家，免费领取渲染插件、素材、模型、教程合集大礼包！

当我们打开网站时。浏览器将从服务器接收网站的内容。并从上到下加载代码。但是。如果它找到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 );

之后点击UpdateFile按钮。更新文件即可。

以上是在WordPress站点中延迟JavaScript解析的两种常用方法介绍。如果我们站点存在大量的JavaScript文件。那么可尝试用以上方法来延迟解析。以改善网站的加载时间。