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

116次阅读

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

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

方法 1、使用 WordPress 插件

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

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

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

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

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

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

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 文件,那么可尝试用以上方法来延迟解析,以改善网站的加载时间。

正文完
 0