/calc/page-weight/ работает забирает страницу сам
Впишите адрес — дальше работает наш сервер: заберёт страницу, обойдёт её стили, скрипты и картинки и вернёт настоящий вес по типам файлов, число запросов, число доменов, включено ли сжатие, по какой версии протокола прошло соединение и за сколько ответил сервер. Эти числа сами встают в поля расчёта, руками вводить ничего не нужно. Дальше калькулятор переводит байты в биты, учитывает протокол, накладные расходы канала и кэш и показывает время на 3G, 4G, 5G и оптике — отдельно первый визит, повторный и одну разметку. Адрес уходит к нам и нигде не сохраняется; сам расчёт идёт в браузере.
Одна и та же страница на пяти видах связи. Первый визит — всё едет по сети; повторный — только разметка и то, что не попало в кэш; третья колонка отвечает на вопрос, за сколько появится хоть что-то на экране.
| Связь | Первый визит | Повторный | Только разметка |
|---|
Разбивка появится после замера по адресу: без неё непонятно, что резать — картинки, скрипты или шрифты.
| Тип | Файлов | Доля | Вес |
|---|
С них и начинается разговор про вес: обычно первые три штуки — это половина страницы.
Готовый кусок разметки со всеми числами и ссылкой на этот же расчёт. Вставляется в статью или в отчёт как есть: ни скриптов, ни рамок с чужого сайта в нём нет, поэтому он не отвалится, если у нас что-то поменяется.
Сервер заберёт страницу и до сорока подключённых файлов: стили, скрипты, картинки. Вернёт вес каждого, тип, домен, включено ли сжатие, по какой версии протокола прошло соединение и за сколько ответил сервер. Все поля расчёта заполнятся сами.
Мобильная и десктопная версии одной страницы часто различаются по весу вдвое. Если вы разбираетесь с показателями из поиска, ставьте Googlebot или YandexBot — увидите ровно то, что видят они.
Кнопки под полями ставят типовые значения: 3G, 4G, 5G, домашние сто мегабит, оптика, гигабит; задержка — от пяти миллисекунд внутри города до двухсот пятидесяти до Азии. Любое число можно вписать руками, отметка тогда гаснет.
После замера в переключателе стоит та версия, по которой соединение действительно прошло: её называет само соединение, а не догадка по заголовкам. Ручная поправка нужна в одном случае — HTTP/3. Наш сервер ходит по TCP, поэтому в замере HTTP/3 не появится; если сайт объявляет его заголовком alt-svc, мы пишем об этом отдельно, и тогда версию стоит переставить самому. Число обменов от неё меняется заметно.
Пока задержки больше, резать вес почти бесполезно: время съедают обращения к серверу. Помогут меньшее число файлов, один домен вместо пяти и сервер ближе к людям.
Отчёт копируется, таблица выгружается в CSV, вся панель — картинкой. Ссылка на расчёт хранит все параметры прямо в адресе, её можно переслать.
Время = вес × 8 ÷ (скорость × (1 − накладные)) + RTT × (рукопожатия + волны запросов)
Модель нарочно грубая и отвечает на один вопрос: во что упирается страница — в канал или в задержки. Она не знает, в каком порядке обозреватель ставит файлы в очередь, когда начинается отрисовка и сколько времени страница потом занята скриптами. Замер по адресу берёт вес, структуру и версию протокола настоящие, но идёт с нашего сервера, а не из вашей сети: и время ответа, и версия протокола в отчёте — про соединение с нами, а не про ваш канал.
Исходные данные — те же, что стоят в полях по умолчанию: их можно пересчитать в уме и убедиться, что инструмент не врёт.
Переводим вес: 2 000 КБ = 2 000 000 байт = 16 000 000 бит.
Полезная скорость: 20 Мбит/с минус 15 % = 17 000 000 бит/с. Чистая передача 16 000 000 ÷ 17 000 000 = 0,94 с.
Обмены: три рукопожатия плюс две волны — сначала разметка, потом всё остальное разом. Итого пять.
Задержки: 5 × 60 мс = 0,3 с.
Повторный визит: по сети едут 60 КБ разметки и десятая часть остального, 194 КБ. Рукопожатий два, волн две — 0,24 с задержек и 0,12 с передачи.
Первый визит — 1,24 с, повторный — 0,36 с, одна разметка — 0,27 с. На первом визите три четверти времени забирает канал, значит резать вес здесь стоит. На повторном всё наоборот: мегабайтов уже нет, остались четыре обмена с сервером.
Адрес страницы и выбранная подпись обозревателя. Дальше наш сервер сам запрашивает эту страницу и её файлы — с нашего адреса, не с вашего. Ни адрес, ни ответ нигде не сохраняются: ни в базе, ни в файле. Сервер отвечает триста раз в час с одного адреса, а один замер стоит двух обращений.
Мы разбираем разметку, а не выполняем скрипты. Всё, что страница подгружает уже в браузере — счётчики, реклама, ленивые картинки, шрифты из CSS, — в разбор не попадает. Потолок тоже есть: сорок файлов, иначе один запрос человека превращается в обход чужого сайта. Если файлов оказалось ровно сорок, об этом написано прямо в плашке — число запросов стоит поднять руками.
Потому что бит и байт различаются в восемь раз. 10 Мбит/с — это 1,25 МБ/с. Провайдер продаёт мегабиты, файловый менеджер показывает мегабайты, и на этом месте расчёты расходятся ровно в восемь раз. Отсюда и вечное «канал сто мегабит, а качается по десять». В списке единиц есть и КБ/с с МБ/с — если скорость назвали в них, переводить руками не нужно.
В ходу обе величины: 1000 байт — десятичный килобайт, 1024 байта — кибибайт, КиБ. По умолчанию взята десятичная, чтобы единицы сходились со скоростью канала: её всегда считают по десятичной системе. Если ваш вес указан в кибибайтах, выберите КиБ или МиБ в списке рядом с полем — расхождение около 2,4 % на килобайтах и 4,9 % на мегабайтах.
Из самого соединения. Забирая страницу, наш сервер запоминает, по какой версии протокола прошёл разговор с сайтом, и ставит её в переключатель. Раньше здесь была догадка — «есть alt-svc с h3, значит HTTP/3; https, значит HTTP/2», — и она врала на каждом сайте, где HTTP/2 не включён. Оговорка осталась одна: это версия между нашим сервером и сайтом. Мы ходим по TCP, поэтому HTTP/3 в замере не покажется никогда, даже если сайт его объявляет. Про такой случай инструмент пишет отдельной строкой под таблицей: ваш обозреватель туда пойдёт по HTTP/3, и переключатель для этого и оставлен.
Потому что задержки от скорости не зависят. В примере выше на гигабите передача занимает 16 мс вместо 940, а задержки остаются те же 300 мс. Канал ускорили в пятьдесят раз, а страница открылась быстрее вчетверо. Именно это и показывает таблица «на разной связи»: у столбца «первый визит» есть пол, ниже которого он не опускается.
Нет, и задача другая. Измерители вроде PageSpeed или GTmetrix открывают страницу в настоящем браузере и меряют отрисовку: когда появился крупный блок, когда страница перестала дёргаться. Здесь считается транспорт — сколько времени данные едут по каналу и сколько уходит на обмены с сервером. Это ответ на вопрос «что резать», а не на вопрос «какая у меня оценка».
Она раскладывает результат по трём ступеням: до секунды, от секунды до трёх, дольше трёх. Границы взяты круглыми — это шкала инструмента, а не норматив.