WordPress中如何查找CSS文件的Handle以实现延迟加载？

下面是几种实用的方法：

• 查看主题或插件的源码
  直接去主题的functions.php文件，或者对应插件的核心文件里搜索wp_enqueue_style()函数。这个函数的第一个参数就是该CSS文件的handle。比如主题默认样式通常会写成wp_enqueue_style( 'twentytwentyfour-style', get_stylesheet_uri() );，这里的twentytwentyfour-style就是对应的handle。

• 临时输出所有已注册的样式信息
  在主题的functions.php里临时添加以下代码，访问网站前端后，页面会打印出所有已注册CSS的详细数据，你可以通过匹配目标CSS的URL找到对应的handle：

add_action( 'wp_print_styles', 'list_all_css_handles' );
function list_all_css_handles() {
    global $wp_styles;
    echo '<pre>';
    print_r( $wp_styles->registered );
    echo '</pre>';
}

注意：用完后务必删除这段代码，避免影响网站正常显示。

• 从页面源代码的link标签提取
  打开网站前端页面，右键查看源代码，找到目标CSS对应的<link>标签，它的id属性通常是{handle}-css的格式。比如某CSS的link标签id是main-theme-css，那么对应的handle就是main-theme。

内容的提问来源于stack exchange，提问作者Randeep Singh