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

当我们打开网站时,浏览器将从服务器接收网站的内容,并从上到下加载代码。但是,如果它找到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解析的常用方法插图1

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

THE END
点赞470 分享