chrome.tabs.executeScript|insertCss срабатывает через раз

Добавляю стили и скрипты на определенный сайт в background.

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
        console.log(tabId, changeInfo, tab);
        if(changeInfo.status === 'complete' && siteUrl.test(tab.url)) {
            insertCss(tab.id, '/css/bootstrap.min.css', function () {
                insertCss(tab.id, '/css/jquery.toast.min.css', function () {
                    insertCss(tab.id, '/css/content_style.css', function () {
                        executeScript(tab.id, '/js/utils/jquery-3.3.1.js', function () {
                            executeScript(tab.id, '/js/utils/js.cookie.js', function () {
                                executeScript(tab.id, '/js/utils/jquery.toast.min.js', function () {
                                    executeScript(tab.id, '/js/utils/sweetalert2.js', function () {
                                        executeScript(tab.id, '/js/core.js', function () {
                                            executeScript(tab.id, '/js/content_script.js', function () {
                                                console.warn('FILES INJECTION COMPLETE');
                                            });
                                        });
                                    });
                                });
                            });
                        });
                    });
                });
            });
        }
    });

Когда заходишь на страницу все нормально инжектится, но если потом обновлять страницу стили и скрипты вставляются через раз - то бишь один раз обновляем ничего нет, еще раз обновляем все появляется.

почему так?

Если писать в manifest.json content_scripts то тоже не всегда срабатывает. Бывает открывает страницу (не перезагружаешь) и ничего не грузится.