这里是文章模块栏目内容页
如何有效降低WordPress网站中JavaScript解析的延迟?
functions.php 文件中添加以下代码:,,“php,function defer_parsing_of_js() {, wp_deregister_script( 'jquery' );, wp_enqueue_script( 'jquery', get_template_directory_uri() . '/js/jquery.js', array(), null, true );, wp_scripts_add_data( 'jquery', 'group', 1 );,},add_action( 'init', 'defer_parsing_of_js' );,

使用WordPress插件

1、选择合适的插件:Speed Booster Pack是一个广受欢迎的选择,它提供了简单直观的界面来管理JavaScript解析的延迟。

2、安装和激活插件:在WordPress后台的插件库中搜索Speed Booster Pack,点击“安装”按钮,然后激活。

3、配置设置:一旦插件激活,导航到WordPress仪表盘,找到左侧菜单中的Speed Booster,点击进入后,选择Advanced选项卡,你会看到一个名为Defer parsing of JS files的选项,勾选并保存设置即可。

通过functions.php文件进行手动编辑

1、访问主题编辑器:从WordPress后台管理界面,依次选择Appearance -> Theme Editor。

2、找到functions.php文件:在Theme Files中找到functions.php文件并打开。

3、添加代码段:在文件底部输入如下代码段:

function defer_parsing_of_js($url) {
    if (FALSE === strpos($url, '.js')) return $url; // Check if the URL is a JavaScript file
    if (strpos($url, 'jquery.js')) return $url; // Exclude jQuery library
    return "$url' defer "; // Add defer attribute to the JavaScript file
}
add_filter('clean_url', 'defer_parsing_of_js', 11, 1);

4、更新文件:点击Update File按钮保存更改。

使用Hummingbird插件

1、安装和激活Hummingbird插件:在WordPress后台的插件库中搜索Hummingbird,点击“安装”按钮,然后激活。

2、启用延迟JavaScript执行功能:在Hummingbird的设置页面,找到延迟JavaScript执行的选项,点击启用,这个功能会自动将JavaScript文件的加载和执行推迟到用户与页面互动之后。

使用async或defer属性

如何有效降低WordPress网站中JavaScript解析的延迟?

1、编辑header.php文件:访问外观 -> Theme Editor,找到正在使用的主题的header.php文件并打开。

2、添加async或defer属性:在包含JavaScript文件的

或者

3、保存更改:点击Update File按钮保存更改。

合并和缩小JavaScript文件

1、合并JavaScript文件:使用在线工具或WordPress插件,将多个JavaScript文件合并为一个文件,减少HTTP请求的数量。

2、缩小JavaScript文件:使用在线工具或插件,减少JavaScript文件的大小,提高网站的整体性能。

优化未使用的JavaScript

1、删除未使用的JavaScript:检查网页中是否存在未使用或不必要的JavaScript代码,并将其删除,这可以减少文件大小,提高网站的整体性能。

方法可以根据具体需求和技术水平选择适合的方式来实现WordPress网站中JavaScript解析的延迟。

小伙伴们,上文介绍了“WordPress网站延迟JavaScript解析的常用方法”的内容,你了解清楚吗?希望对你有所帮助,任何问题可以给我留言,让我们下期再见吧。