Кейс
Почему ваш сайт медленно работает на мобильных, даже если страницы лёгкие
Наш сайт получил низкую оценку скорости на телефонах в тесте Google, хотя страницы лёгкие и почти без картинок. Первый экран ждал элементы, которые не показывал.
Главное
- Тест скорости ждёт самого крупного элемента на первом экране, поэтому баннер cookie, появляющийся с задержкой, может сделать лёгкую страницу медленной на телефоне.
- Страница должна загружать только шрифты и слова своего языка; другие языки можно подгружать при переключении.
- Скрипты других компаний, чаты и мессенджеры можно загружать после отрисовки страницы.
- Скрытые меню и неиспользуемый код тоже тратят время телефона, потому что браузер может их разметить или загрузить их файлы.
- Сначала найдите самый крупный элемент — именно его учитывает тест.
Когда сайт медленно работает на мобильных, задержка часто не в тексте или картинках, которые вы разместили. Иногда первый экран ждёт что-то, что так и не появляется. Мы увидели это на своём сайте: тест скорости Google оценил его как медленный на телефонах, на каждой странице, на любом языке, хотя страницы лёгкие и почти без картинок.
Чем медленный первый экран обходится бизнесу
Скорость появления основного содержимого на телефоне — один из показателей, на которые смотрит Google при ранжировании страниц. Посетитель с телефона не ждёт, пока страница загрузится наполовину. На сайте, который должен приводить обращения, шесть-семь секунд ожидания — это момент, когда люди уходят. Именно с этим мы столкнулись: сайт не тяжёлый, но заставляет ждать.
Признак: страница зависает наполовину
На медленном мобильном интернете первый экран нашего сайта оставался недорисованным. Окно с вопросом о cookie появлялось через несколько секунд после остального. Текст рядом с кнопками магазинов прыгал, когда загружались сами значки. Тест скорости Google показывал, что самый крупный элемент появляется через шесть-семь секунд на телефоне, на каждой странице, на любом языке.
Что нашёл инженер
Самым крупным элементом был не рисунок и не заголовок. На телефоне это было окно с cookie — самый большой блок текста на первом экране. В тесте скорости Google этот элемент называется largest contentful paint: именно его появления ждёт тест, чтобы считать страницу загруженной.
- Браузер добавлял окно cookie только после выполнения всех скриптов — через пять-семь секунд на медленном интернете. Вся страница оценивалась по самому медленному элементу.
- Девять файлов шрифтов (242 KB) загружались заранее на каждой странице, хотя кириллица нужна только русской версии, а расширенная латиница — двум словам на арабской. Это шрифты, которые тормозят сайт ради алфавитов, которые посетитель может не увидеть.
- Закрытое меню на телефоне содержало названия пяти языков, каждый своим алфавитом. Меню было скрыто, но браузер всё равно загружал 170 KB шрифтов для этих алфавитов, хотя никто их не открывал.
- Общий для всех страниц скрипт содержал слова всех пяти языков — 80 из 95 KB, а использовался только один язык. То есть многоязычный сайт загружал все языки на каждой странице.
- Скрипт мессенджера (25 KB, загружается с другого сайта) стоял перед нашими скриптами для каждого посетителя, хотя почти никто не открывает наш сайт внутри этого приложения.
- Библиотека уведомлений, которую никто не вызывал, и библиотека запросов также загружались на каждой странице. Каждая страница тянула все сорок строительных блоков сайта, хотя использовала около дюжины. Значки магазинов не имели заданного размера, пока не загружались их картинки.
- На быстрых компьютерах, как у тестов скорости, шрифты для скрытого меню и чата могли начать загружаться до отрисовки первого экрана, и тест иногда учитывал их, а иногда нет.
Поворотным моментом стало понимание: всё это не содержимое. Первый экран ждал элементы, которые не показывал.
Почему сайт медленный на мобильных, даже если страницы лёгкие
Это не только наша ошибка. Когда сайт развивается со временем, каждый новый инструмент приносит свои скрипты, шрифты и настройки. Добавляют баннер cookie для приватности, кнопку чата для продаж, карту для маршрута. Всё это полезно, но каждый элемент может встать перед первым экраном. Баннер cookie — наглядный пример: если он самый крупный блок текста на телефоне, тест будет ждать именно его, хотя это не ваше содержимое. Любой крупный элемент, который появляется с задержкой, может стать таким ориентиром.
Что мы изменили и что есть сейчас
Мы перенесли всё, что не видно на первом экране, на загрузку после отрисовки страницы. Окно cookie теперь встроено в саму страницу и появляется сразу с первым экраном. Посетитель, который уже ответил, не видит мигания — его ответ читается до отрисовки. Страница заранее загружает только три файла шрифтов латиницы; остальные приходят только если на странице есть нужная буква. Строка языков в меню телефона добавляется, когда страница уже готова реагировать — в тот момент, когда кто-то может открыть меню. Слова каждого языка — отдельный файл, который загружается только для страницы на этом языке; при переключении язык подгружается до смены страницы, так что неправильных слов не бывает. Скрипты мессенджера и чата сайта загружаются после страницы, когда браузер свободен. Неиспользуемая библиотека уведомлений удалена, запросы используют то, что уже есть в браузере, и каждая страница тянет только нужные ей блоки. Значки магазинов теперь имеют свои размеры, так что ничего не прыгает при загрузке, а шрифты скрытого меню и чата ждут, пока страница не будет нарисована.
Изменения заработали 10 октября 2026 года на всех страницах и языках. 14 октября мы проверили: страница заранее загружает три файла шрифтов, около 102 KB, вместо девяти (242 KB). Общий скрипт теперь весит около 22 KB в сжатом виде, раньше было 95 KB, а стиль главной страницы уменьшился с 27 до 22 KB. Окно cookie теперь часть страницы и появляется сразу, а не после всех скриптов. Новую цифру теста скорости для первого экрана мы ещё не снимали, поэтому не приводим её.
Что вы можете проверить сами
- Пропустите главную страницу через бесплатный тест скорости Google для мобильных и посмотрите, какой элемент он считает самым крупным. Если это баннер cookie — начните с него.
- Откройте сайт на телефоне при медленном интернете и посмотрите, что появляется последним. Часто именно этого ждёт страница.
- В списке загрузок теста посмотрите, нет ли файлов шрифтов для алфавитов, которые ваша страница не использует.
- Проверьте, загружает ли каждая страница вашего сайта текст всех языков или только своего.
- Составьте список скриптов других компаний на вашем сайте — чаты, мессенджеры, трекеры — и убедитесь, что ни один не загружается раньше вашего содержимого.
Что делать дальше
Начните с самого крупного элемента в тесте скорости. Если это баннер cookie или что-то ещё, чего не видно на первом экране, попросите того, кто отвечает за сайт, перенести его так, чтобы он появлялся вместе со страницей или после её отрисовки. Не меняйте сами DNS-записи, плагины, настройки оплаты или почты. Найти, чего ждёт первый экран — это тот разбор, который наши инженеры делают для клиентов; проверки выше — с этого начинается работа.
Частые вопросы
Почему тест скорости Google считает мой сайт медленным, если страницы лёгкие и почти без картинок?
Потому что тест ждёт появления самого крупного элемента на первом экране, а не только текста. Если скрипт рисует крупный элемент с задержкой, например баннер cookie, вся страница оценивается по этому самому медленному элементу. Лёгкий текст не поможет, если что-то другое появляется позже.
Может ли баннер cookie действительно сделать всю страницу медленной?
Да, если он появляется скриптом после остальной страницы. На телефоне это может быть самый крупный блок текста на первом экране, поэтому тест скорости будет ждать именно его. Если встроить его в страницу или отрисовать вместе с первым экраном, задержка исчезнет.
У меня сайт на нескольких языках. Должна ли каждая страница загружать все языки?
Нет. Каждая страница может загружать только слова и шрифты своего языка, а другой язык подгружать только при переключении. Это не даёт шрифтам для чужих алфавитов появляться раньше первого экрана. Если у вас пять языков — это пять наборов файлов, а не одна страница со всеми.
Могут ли чаты и мессенджеры замедлять сайт для тех, кто ими не пользуется?
Могут, если загружаются раньше вашего содержимого. Скрипт другой компании может встать перед всем и заставить страницу ждать. Если загружать его после отрисовки страницы, когда браузер свободен, посетители, которые не открывают чат, не будут ждать.
Как узнать, чего ждёт мой первый экран?
Пропустите главную страницу через бесплатный тест скорости Google для мобильных и посмотрите, какой элемент он считает самым крупным. Затем откройте сайт на телефоне при медленном интернете и посмотрите, что появляется последним. В списке загрузок теста также видно, какие файлы приходят первыми.