Какими средствами понять насколько процентов загружена страница?

Question

[Никита Гуриев]

На некоторых сайтах вижу, что есть индикатор загрузки. И не просто прелоадер (спиннеры) (без цифр, процентов, процента заполненности), а с приблизительными индикаторами. Где отображаются проценты и т.д. Как это работает? То есть я вот понимаю как получить статусы загружается и загрузилось, но как получить промежуточные данные?

Answer 1

[Владимир Коротенко]

1. Врите пользователю (самый простой)
2. Составьте список ресурсов и в лоадере грузите их, тут все будет точно
3. Поставьте вертяшку

Comments

[Никита Гуриев]

А 1 и 2 пункты можно подробнее?

[d-sem]

Никита Гуриев, 1) пользователь никак не может проверить индикацию загрузки и ему остается только верить

[Никита Гуриев]

d-sem, типа рандомно делать самому?

[Владимир Коротенко]

Никита Гуриев, Вы делаете предположение что страница загрузится за 5 секунд, ставите таймер на это время, если раньше то никто не пожалуется, а цифры бегут.

Подробности тут, если кратко, то у каждого загружаемого элемента есть размер, если перехватывать все это, то можно контролировать процесс загрузки.
2. https://github.com/HubSpot/pace/blob/master/pace.js

Answer 2

[Алексей Ярков]

а с приблизительными индикаторами. Где отображаются проценты и т.д.

А вы случайно не верите в всплывающие уведомления? Типа такого:

Иванов И. И. из Бобруйска только что купил этот товар

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