Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Комментарии Вконтакте стопорят загрузку страницы (https://javascript.ru/forum/misc/57461-kommentarii-vkontakte-stoporyat-zagruzku-stranicy.html)

borus 04.08.2015 18:09

Комментарии Вконтакте стопорят загрузку страницы
 
Здравствуйте

На базе вкладок бутсрап 3 встраиваю комментарии социалок в самом низу описания товара
Пока код на странице такой:
Код:

<div>
        <p>Оставить комментарий через:</p>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#vkcom" aria-controls="vkcom" role="tab" data-toggle="tab">ВКонтакте</a></li>
    <li role="presentation"><a href="#facebookcom" aria-controls="facebookcom" role="tab" data-toggle="tab">Facebook</a></li>
    <li role="presentation"><a href="#googlecom" aria-controls="googlecom" role="tab" data-toggle="tab">Google+</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="vkcom">
                <!-- Put this script tag to the <head> of your page -->
                <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

                <script type="text/javascript">
                  VK.init({apiId: 5005227, onlyWidgets: true});
                </script>

                <!-- Put this div tag to the place, where the Comments block will be -->
                <div id="vk_comments"></div>
                <script type="text/javascript">
                        VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
                </script>
    </div>
    <div role="tabpanel" class="tab-pane" id="facebookcom">
                <div id="fb-root"></div>
                <script async>(function(d, s, id) {
                  var js, fjs = d.getElementsByTagName(s)[0];
                  if (d.getElementById(id)) return;
                  js = d.createElement(s); js.id = id;
                  js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.4&appId=520550568099639";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
                </script>
                <div class="fb-comments" data-href="http://www.antilopagold.su" data-width="600px" data-numposts="5"></div>
        </div>
    <div role="tabpanel" class="tab-pane" id="googlecom">...</div>
  </div>

</div>

Периодически Вконтакт заставляет зависать процесс загрузки бокового меню категорий. Если вставлять атрибуты async либо defer подобным образом:
Код:

<!-- Put this script tag to the <head> of your page -->
                <script type="text/javascript" src="//vk.com/js/api/openapi.js?116" async></script>

                <script type="text/javascript" async>
                  VK.init({apiId: 5005227, onlyWidgets: true});
                </script>

                <!-- Put this div tag to the place, where the Comments block will be -->
                <div id="vk_comments"></div>
                <script type="text/javascript" async>
                        VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
                </script>

то виджет и вовсе не подкачивается.

Скажите, как сделать, чтобы комментарии Вконтакта не блокировали загрузку страницы и все-таки подгружались хоть когда-нибудь?


Часовой пояс GMT +3, время: 23:23.