Как отложить загрузку виджета сообщений сообщества(ВК) на сайте?

Question

[Никита]

Здравствуйте, рылся в интернете Гугле, но готового нормального кода отложенной, так называемой асинхронной загрузки нет...
Подскажите как отложить загрузку виджета ВК(что бы он не создавал нагрузку на сайт
Код сообщений сообщества слегка модифицирован (раскрывается через nвремени на ПК, а на мобилках нет, он статичен)
Код имею такой

<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script> 
<div id="vk_community_messages"></div> 
<script type="text/javascript">
    VK.Widgets.CommunityMessages("vk_community_messages", 184082462, {<?php if( ! wp_is_mobile() ) {  echo 'expandTimeout: "15000",'; } ?>widgetPosition: "left",tooltipButtonText: "Есть вопрос?"});
</script>

Подскажите как реализовать (желательно готовый код)

Comments

[Владимир Брумер]

Вы можете подключить скрипты в подвале, если это не вызовит сбой.
Для асинхронной же загрузки необходимо добавить атрибуты 'async="async"
например:

<script type="text/javascript" 'async="async" src="https://vk.com/js/api/openapi.js?162"></script>

для подключенных скриптов как положено используется add_filter('script_loader_tag'
например:

if(!function_exists('VAB_add_async_attribute')){
function VAB_add_async_attribute($tag,$handle){
	$handles=array('click','wow','pikaday','accord','tabs',);
	foreach($handles as $defer_script){
		if($defer_script===$handle){
			return str_replace('src','async="async" src',$tag);
}}return $tag;}}
add_filter('script_loader_tag','VAB_add_async_attribute',10,2);

Answer 1

[Евгений Кылин]

setTimeout(() => {
     VK.Widgets.CommunityMessages("vk_community_messages", 184082462, {widgetPosition: "left",tooltipButtonText: "Есть вопрос?"});
}, 5000)

Comments

[Никита]

А как скрыть загрузку api?