在 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属性
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解析 的常用方法 ”的内容,你了解清楚吗?希望对你有所帮助,任何问题可以给我留言,让我们下期再见吧。