# Журнал измерений скорости страницы К статье https://keivo.ru/blog/sayt-medlenno-zagruzhaetsya-na-telefone/ Точный URL / версия / дата выпуска: Наблюдаемый симптом на телефоне: Телефон / браузер / сеть / первый или повторный визит: ## Лабораторные запуски | Дата и время | URL и версия | Инструмент / ссылка | Mobile или desktop | Публичный или локальный | Performance | LCP | CLS | TBT | Ошибка запуска | |---|---|---|---|---|---|---|---|---|---| | | | | | | | | | | | | | | | | | | | | | | ## Полевые данные | Дата чтения и период данных | URL или весь origin | Mobile или desktop | Источник | LCP p75 | CLS p75 | INP p75 | Данных нет / ограничения | |---|---|---|---|---|---|---|---| | | | | | | | | | Не заменять INP значением TBT — полевые и лабораторные данные хранить отдельно Не удалять неудачные запуски — записать причину повторения ## Подтверждённое узкое место - Элемент или запрос из отчёта: - Наблюдение: - Гипотеза причины: - Как проверить гипотезу: - Предлагаемая правка и ответственный: - Что должно сохраниться после изменения: Учебная задача: обложка является LCP-элементом и загружается шире области показа — подготовить подходящие размеры, проверить выбор ресурса и чёткость изображения ## После исправления - [ ] Нужная версия опубликована на домене - [ ] Повторён замер того же URL с записанными условиями - [ ] Проверены меню, текст, файлы и предусмотренные действия - [ ] Проверены соседние страницы изменённого шаблона - [ ] Исходный и повторный отчёты сохранены - [ ] Ограничения и отсутствие полевой выборки отмечены Целевой балл не является гарантией одинаковой скорости у каждого посетителя ## Как заполнить журнал по PSI 1. Вставьте точный URL в PageSpeed Insights и дождитесь отчёта 2. Проверьте адрес и время, указанные в отчёте 3. Для mobile и desktop создайте разные строки лабораторной таблицы 4. Перепишите Performance, LCP, CLS, TBT и сохраните ссылку — другие оценки не называйте скоростью 5. Полевой блок перенесите отдельно — проверьте, относится он к URL или всему origin, запишите период и профиль устройства 6. Если полевых данных нет, укажите отсутствие — не подставляйте лабораторный TBT в INP 7. Ошибку получения страницы/ресурса сохраните как ошибку запуска с временем и сообщением — это не числовой результат ## Учебный разбор данных Условия примера: один URL услуги мастерской, мобильный лабораторный запуск, версия v1 — значения ниже условные, это не измерение KEIVO иликлиента Лаборатория: LCP 3,1 с, CLS 0,03, TBT 0 мс Полевая выборка: данных нет, INP неизмерен Наблюдение владельца: главное содержимое появляется поздно Что можно заключить: нужно исследовать фактический LCP-элемент и его временную цепочку Что пока нельзя заключить: проблема только в весе изображения; меню быстро отвечает реальным посетителям; отсутствие полевых данных означает хорошую скорость ## Учебная разбивка LCP-изображения | Часть | Время | Направление проверки | |---|---|---| | Начало ответа документа | 600 мс | Ответ сервера и путь получения документа | | Ожидание начала загрузки картинки | 1100 мс | Когда браузер обнаружил ресурс и почему отложил загрузку | | Загрузка картинки | 500 мс | Размер под область показа и формат | | Ожидание показа | 900 мс | Что мешает отрисовать полученное содержимое | | Всего | 3100 мс | Сравнить вклад частей | Если сократить только загрузку с 500 до 250 мс, сумма станет 2850 мс — одной этой правки в учебном расчёте недостаточно для 2,5 с ## Пример задачи вместо «сделать 100» Объект: главное изображение учебной услуги Наблюдение: ресурс поздно начинает загружаться, затем есть задержка отрисовки Гипотеза: способ добавления изображения и блокирующая работа откладывают его показ Что запросить у разработчика: подтверждение фактического LCP-элемента, разбивку времени и запись последовательности загрузки Первое изменение: выбирается по подтверждённой причине, а не по одному предупреждению Проверка: тот же URL и mobile-профиль, новая версия, новый отчёт и повтор пользовательского маршрута ## Если проблема другая - Долго нет документа: сохранить время, адрес, перенаправления и данные ответа — задача по картинке не проверяет этот участок - Прыгает текст: записать момент и появившийся блок, затем проверить резервирование места и повторить состояние - Не отвечает меню: записать действие, проверить его в Performance и повторить после исправления — TBT 0 не заменяет эту проверку ## Итог сравнения Версия до / после: Сопоставимые условия: Какие метрики изменились: Какие неудачные запуски сохранены: Пользовательский сценарий после изменения: Проверенные соседние страницы шаблона: Оставшиеся ограничения: Не объединяйте mobile/desktop, лабораторию/поле и первый/повторный визит в одну среднюю «скорость сайта»