플러그인 자바 스크립트에서 defer =“defer”태그를 추가하는 방법은 무엇입니까?

플러그인 자바 스크립트에 지연 태그를 추가 할 수 없습니다. Google 개발자의 페이지 속도 테스트를 통해 연락 양식 7 자바 스크립트 에 지연 태그를 추가 할 것을 제안합니다 .

이것이 연락처 양식 7이 헤더에 자바 스크립트를 포함하는 방법입니다.

add_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts' );

function wpcf7_enqueue_scripts() {
    // jquery.form.js originally bundled with WordPress is out of date and deprecated
    // so we need to deregister it and re-register the latest one
    wp_deregister_script( 'jquery-form' );
    wp_register_script( 'jquery-form', wpcf7_plugin_url( 'jquery.form.js' ),
        array( 'jquery' ), '2.52', true );

    $in_footer = true;
    if ( 'header' === WPCF7_LOAD_JS )
        $in_footer = false;

    wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'scripts.js' ),
        array( 'jquery', 'jquery-form' ), WPCF7_VERSION, $in_footer );

    do_action( 'wpcf7_enqueue_scripts' );
}

위 코드에서 defer = "defer" 태그 를 추가하는 방법은 무엇입니까?

WordPress 4.1부터 필터가 script_loader_tag있습니다. 이를 사용하여 올바른 스크립트를 찾을 수 있습니다.

add_filter( 'script_loader_tag', function ( $tag, $handle ) {

    if ( 'contact-form-7' !== $handle )
        return $tag;

    return str_replace( ' src', ' defer="defer" src', $tag );
}, 10, 2 );

이전 답변

사용할 수있는 전용 필터가 없습니다. 적어도 하나는 볼 수 없습니다. 그러나…

• wp_print_scripts() 전화 WP_Scripts->do_items()
• 어떤 전화 WP_Scripts->do_item()
• 사용하는 esc_url()
• 이는 않는 필터를 제공합니다 'clean_url'.

우리가 간다:

function add_defer_to_cf7( $url )
{
    if ( FALSE === strpos( $url, 'contact-form-7' )
      or FALSE === strpos( $url, '.js' )
    )
    { // not our file
        return $url;
    }
    // Must be a ', not "!
    return "$url' defer='defer";
}
add_filter( 'clean_url', 'add_defer_to_cf7', 11, 1 );

경고 : 테스트하지 않고 단지 아이디어. :)

최신 정보

이 코드로 플러그인을 작성하고 테스트 했습니다. 참조 https://gist.github.com/1584783를