«У меня всё работает» это не ответ: как найти поломку, которой у вас нет

Заказчик пишет: сайт не грузится, фотографии не открываются, страница висит. Открываю у себя: всё летает. Пробую с телефона: летает. Прошу знакомого проверить: у него тоже нормально.

Самая неприятная ситуация из всех, потому что чинить нечего. Поломки перед глазами нет.

Поставил перед ИИ задачу: выяснять не то, что сломалось у меня, а то, что видел он.

Сначала убедились, что сайт вообще исправен

ИИ прошёл по всем фотографиям страницы и запросил каждую отдельно: девятнадцать из девятнадцати отдались нормально. Домен, сертификат и ответы сервера тоже оказались в порядке.

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

Сайт исправен, а человек видит пустоту. Значит, дальше ищем разницу между ним и мной.

Причина первая: старая ссылка

Он ходил по адресу, которого больше не существовало.

Пока сайт готовился, у него был временный адрес с приставкой в конце. Заказчику дали именно его, чтобы смотреть черновик. Потом сайт переехал на основной адрес, а ссылка осталась у человека в переписке. Он жал на неё и попадал в пустоту.

Поставили с неё постоянную переадресацию на главную.

Правило, которое стоит записать: если вы кому-то дали адрес, при переезде оставьте с него переадресацию. Люди не перечитывают чаты в поисках новой ссылки, они жмут на ту, что осталась.

Причина вторая: страница приходила по кусочкам

Сайт был настроен так, что отдавал содержимое страницы небольшими порциями, по очереди. А на странице больше тридцати фотографий и прочих файлов, и они выстраивались в хвост.

На быстром интернете этого не заметить, всё пролетает за секунду. На слабом мобильном хвост растягивается, страница открывается кусками и выглядит зависшей.

Настройку поменяли, теперь всё приходит разом.

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

Что нашли попутно

Браузер держался за старую версию страницы. Картинки отдавались с пометкой «месяц не перепроверять», поэтому один раз недокачанное фото могло висеть битым сколько угодно. Человек обновлял страницу, а она не обновлялась. Сократили срок хранения картинок до недели, а саму страницу заставили перепроверяться при каждом заходе.

Фотографии весили почти два мегабайта. Пережали в современный формат с запасным вариантом для старых браузеров, стало легче на 42 процента.

Анимация крутилась всегда, даже когда её никто не видел, и грела телефон впустую. Теперь она работает только пока находится на экране, а на мобильных упрощена.

Замер после правок на медленном мобильном интернете: текст появляется за 1,7 секунды, фотографии следом. На обычном мобильном интернете вся страница открывается за 0,44 секунды.

Замер, который соврал в тридцать раз

Первая же проверка скорости выдала жуткое: страница грузится 121 секунду.

Вместо того чтобы кидаться чинить катастрофу, ИИ перепроверил сам замер. Выяснилось, что врёт инструмент: он ждал перехода на другую страницу, которого на этом сайте не происходит, и записал это ожидание в результат. Настоящее время было 4,3 секунды.

Правило из этого вышло дороже всей истории: свой инструмент врёт так же охотно, как чужой код. Прежде чем чинить страшную цифру, надо проверить, что она вообще измеряет.

Что в итоге

«У меня всё работает» это не ответ. Это описание вашего компьютера, вашего интернета и вашей ссылки.

И вот здесь ИИ оказался сильнее любых догадок. Он умеет пройти путь человека вместо него: открыть сайт по той самой старой ссылке, притвориться другим браузером и телефоном, замедлить себе интернет до мобильного, дождаться каждой картинки и записать, что и в какую секунду появилось на экране.

Раньше это была переписка на два дня: почистите кэш, а какой у вас браузер, а пришлите скриншот, а попробуйте с другого телефона. Теперь условия человека воспроизводятся, и невидимая поломка становится видимой.