И убедитесь, что страница не висит

Question

Я просто внедряю социальные кнопки Addthis на свой сайт, но я хотел бы создать отказоустойчивый метод, который бы гарантировал, что если случайно, если файл addthis_widget.js завершится сбоем или просто будет постоянно зависать при попытке загрузить его, то это не вызовет мой сайт зависать и не заканчивать загрузку всего, что нужно.

Из исследования этой проблемы в Интернете я нашел этот пример ниже.

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520bd33b4d6dd146&domready=1"></script>
​<script type="text/javascript">
    var addthis_config = addthis_config||{};
    addthis_config.data_track_addressbar = false;

    function initAddThis() {
         addthis.init()
    }
    // After the DOM has loaded...
    initAddThis();
</script>

Я не уверен, как проверить, будет ли это работать или делать то, что я хочу. Я надеялся, что кто-нибудь поможет мне разобраться, сработает ли это.

Спасибо

Answer 1

Вы можете просто загрузить скрипт внизу страницы перед закрывающим тегом body.

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520bd33b4d6dd146&domready=1"></script>
</body>

Это позволит убедиться, что остальная часть страницы загружена, прежде чем он попытается загрузить добавить этот сценарий. Многие люди сегодня предпочитают этот метод.

После этого вы можете вызвать функцию init в функции готовности документа. Это позволит убедиться, что плагин не инициализирован до полной загрузки страницы.

$(document).ready(function(){
    initAddThis();
});