我有一些JS\\CSS,用于我网站上的选定页面中的各种UI功能,例如图像滑块。此图像滑块仅在站点内的几个页面上使用,在每个请求上加载它都会影响性能。
是否有在需要时选择性加载这些类型的供应商有效载荷的最佳实践?
function wpdocs_dequeue_script() {
if( ! is_page(\'gallery\') ) {
wp_dequeue_script( \'vendor-slider\' );
}
}
add_action( \'wp_print_scripts\', \'wpdocs_dequeue_script\', 100 );
我是否在函数中加载所需的所有内容。php,然后把我不需要的东西排到队列中有没有办法从页面本身中进行配置,或者必须将其编码到函数中。php
SO网友:HU ist Sebastian
页面上如何包含UI元素?如果使用短代码,可以将js部分(wp\\u enqueue\\u script)排队到短代码函数中。然后,您的JS将在页脚中排队。CSS当然必须在标头中排队,因此您必须在wp\\u enqueue\\u scripts操作中将其排队。如果您只需要在具有短代码的页面上使用它,您可以在wp\\u enqueue\\u scripts操作函数中执行以下操作:
add_action(\'wp_enqueue_scripts\',\'my_awesome_function\');
function my_awesome_function(){
if(is_singular()){
global $post;
if(has_shortcode($post->post_content,\'my_awesome_shortcode\')){
wp_enqueue_style(\'my-awesome-style\');
}
}
}
快乐的编码!