мобильный стиль, подключается вот таким кодом

/*подключаем мобильный стиль дочерней темы*/
if ( !function_exists( 'child_theme_configurator_css' ) ):

    function child_theme_configurator_css() {

        wp_enqueue_style( 'chld_thm_cfg_separate', trailingslashit( get_stylesheet_directory_uri() ) . 'style-mobile.css', array( 'chld_thm_cfg_parent','easywp-maincss','font-awesome' ) );
    }

endif;

чтобы не нагружать сервер как мобильный стиль подключать только когда просматривается сайт с мобильного телефона, смартфона?
то есть по условию -

@media only screen and (max-width: 768px)

Есть такой вариант :

// определение мобильного устройства
function check_mobile_device() { 
    $mobile_agent_array = array('ipad', 'iphone', 'android', 'pocket', 'palm', 'windows ce', 'windowsce', 'cellphone', 'opera mobi', 'ipod', 'small', 'sharp', 'sonyericsson', 'symbian', 'opera mini', 'nokia', 'htc_', 'samsung', 'motorola', 'smartphone', 'blackberry', 'playstation portable', 'tablet browser');
    $agent = strtolower($_SERVER['HTTP_USER_AGENT']);    
    // var_dump($agent);exit;
    foreach ($mobile_agent_array as $value) {    
        if (strpos($agent, $value) !== false) return true;   
    }       
    return false; 
}


// пример использования
$is_mobile_device = check_mobile_device();
if($is_mobile_device){
    echo "Вы зашли с мобильного устройства";
}else{
    echo "Вы зашли с PC";
}

- насколько он правильный и применимый в моем случае?
правильно понимаю что вместо echo нужно вставить функцию подгрузки стиля?