Как задержать событие DOMContentLoaded?

Question

Otrivin @Otrivin

junior full-stack сисадмин

JavaScript

Как задержать событие DOMContentLoaded?

Вопрос теоретический: можно ли как-то задержать наступление события DOMContentLoaded (а с ним и блокировку рендеринга, построение DOM, исполнение дальнейших скриптов)? Желательно, чтобы была и возможность регулировки длительности задержки.

По идее, можно в <head> поместить скрипт с await/async, но, похоже, неправильно пишу, или этот метод не работает.

Моя попытка

jsfiddle.net

Вопрос задан более трёх лет назад
161 просмотр

3 комментария

Подписаться 1 Простой 3 комментария

Надим @zkrvndm

Подскажите, нашли ли вы адекватный способ задержать наступление DOMContentLoaded? Хочется сначала сгенерировать контент на странице, а уже затем вручную вызывать DOMContentLoaded, будучи уверенным что страница готова и поисковики увидят контент созданный посредством JavaScript.

Написано более трёх лет назад
Otrivin @Otrivin Автор вопроса

Надим Закиров, Нет. Но, возможно, Вам подойдёт вариант с написанием вашего js инлайново, в теле страницы.

Написано более трёх лет назад
Надим @zkrvndm

Otrivin, как вариант. Действительно, доводилось видеть такой вариант на некоторых сайтах, теперь понимаю смысл.

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript

11 месяцев

Далее
Skillbox

JavaScript

3 месяца

Далее

Решения вопроса 1

5 комментариев

Otrivin @Otrivin Автор вопроса

Да, действительно асинхронный, упустил

С циклом как-то не складывается, пытаюсь так, но цикл блокирует вообще всё, и его не остановить

jsFiddle

var counted = 0;
var targetCount = 10;

var timer = setInterval(function(){
    counted++;
    console.log(counted);
    if (counted >= targetCount){
        clearInterval(timer);
    }
}, 1000);

// Похоже, исполнение этого цикла блокирует изменение переменной counted
// Хотя ожидалось, что он будет исполняться параллельно с таймером,
// и когда таймер отсчитает до нужного значения - цикл остановится
/*for(var i = 0; counted < targetCount; i++){
    console.log('counted = ' + counted);
}*/

Песочница

Написано более трёх лет назад

Stalker_RED @Stalker_RED

Otrivin, дык в том и смысл, чтобы все остановить. Иначе страница догрузится )

Другой вариант - подключить какие-то скрипты в шапку и отдавать их по типа long polling'а.

Написано более трёх лет назад
Otrivin @Otrivin Автор вопроса

Stalker_RED, да, но желательно, чтобы задержку можно было ограничить

А вот второй вариант, хоть и приходится соединение держать, гораздо гибче, спасибо)

Написано более трёх лет назад
Stalker_RED @Stalker_RED
Otrivin, ну так внутри бесконечного цикла можно делать проверку времени, или еще чего.
const timeLimit = new Date(); timeLimit.setMilliseconds(1500); while (true) { if (new Date() > timeLimit) { break; } }

Но да, он безбожно грузит проц и батарейку, "подвешивает" интерфейс, и вообще плохой способ:)
А зачем это все вообще? Может просто сделать document.body.style.visibility='hidden'?
Написано более трёх лет назад
Otrivin @Otrivin Автор вопроса

Stalker_RED, О. А это то, что надо.
Злоумышленника гоняю ) CF не отфильтровывает, а в режим under attack переходить нет возможности.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Почему не получается изменить размер изображений?
- 1 подписчик
- 7 часов назад
- 87 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Оптимизация страницы с 50+ видео-iframe — нативного lazy loading недостаточно. Что посоветуете?
- 1 подписчик
- 12 часов назад
- 70 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как быть если ломается сайт, в зависимости от браузера?
- 1 подписчик
- 05 мар.
- 390 просмотров
1

ответ
JavaScript

Простой
Как оптимально реализовать вкладки?
- 2 подписчика
- 03 мар.
- 324 просмотра
5

ответов
JavaScript

Простой
Слетает Glide.js какая причина?
- 1 подписчик
- 24 февр.
- 150 просмотров
0

ответов
JavaScript

Простой
Как понимать такой синтаксис?
- 3 подписчика
- 23 февр.
- 1445 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как нарисовать нестандартную фигуру?
- 1 подписчик
- 13 февр.
- 337 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как открыть ссылку из Webview в safari?
- 1 подписчик
- 12 февр.
- 119 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как правильно сделать запрос на страницу для получения данных не по апи?
- 1 подписчик
- 12 февр.
- 242 просмотра
2

ответа
JavaScript

Простой
Как добавить в массив объектов другой массив объектов?
- 1 подписчик
- 09 февр.
- 235 просмотров
2

ответа
Показать ещё Загружается…

JavaScript веб-разработчик (Backend/Frontend)

TurboProject

от 60 000 ₽

Frontend-разработчик (Vanilla JS / jQuery, high-load)

Karma8

от 200 000 ₽

Fullstack developer (python/react)

Крона Лабс • Екатеринбург

от 200 000 ₽

Подскажите, нашли ли вы адекватный способ задержать наступление DOMContentLoaded? Хочется сначала сгенерировать контент на странице, а уже затем вручную вызывать DOMContentLoaded, будучи уверенным что страница готова и поисковики увидят контент созданный посредством JavaScript.
Надим Закиров, Нет. Но, возможно, Вам подойдёт вариант с написанием вашего js инлайново, в теле страницы.
Otrivin, как вариант. Действительно, доводилось видеть такой вариант на некоторых сайтах, теперь понимаю смысл.

Answer 1 · 2019-06-19 01:33:50

Промис асинхронный же)
Сделай бесконечный цикл. Или еще како´ говнокод.

Вообще, не совсем понятно зачем это все, возможно есть способ покрасивее.

Как задержать событие DOMContentLoaded?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт