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 );

来源链接：https://www.idcspy.com/52983.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。