jquey 조건부 연결

PageSpeed Insights의 성능 테스트 때문에 jquery 사용을 하지 않고 있다가 jquey 조건부 연결 이 필요한 페이지가 생겼다.

특정 게시글에 차트 플러그인을 사용할 일이 있었는데, jquery가 없다 보니 동작하지 않았다.

다른 차트 플러그인을 이것 저것 깔아봐도 결국 쓰던 M Chart가 마음에 가장 들어서..

해당 페이지를 쓰는 템플릿만 jquery를 다시 추가하기로 하였다.

조건부 추가 + 대기열에서 빼기

function custom_enqueue_scripts(){
	if (is_page_template('single-post-diet.php')) {
        wp_enqueue_script('jquery');
    }else{
		wp_deregister_script('jquery');
	}	

    if (is_home()) {
    	wp_dequeue_style( 'wp-block-library' );
	    wp_dequeue_style( 'wp-block-library-theme' );
	}

} 
add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts', 300);

jquery는 특정 템플릿에서만 사용하는 조건부 추가 코드를 넣고, wp-block 부분은 사용은 하나 대기열에서 빼는 코드를 넣어놨다.

wordpress - Code

조건부 추가 + 대기열에서 빼기