Почему статический сайт может тормозить на телефоне
Статический сайт считается быстрым по определению: нет базы данных, нет серверной логики, нет тяжёлых запросов. Но это не значит, что он всегда открывается мгновенно. На медленном мобильном интернете даже простая HTML-страница может грузиться долго, если в ней есть тяжёлые изображения, лишние скрипты или неоптимизированные шрифты. Человек, который ждёт загрузки больше нескольких секунд, чаще всего уходит.
Эта статья о том, как проверить сайт на статическом хостинге именно в условиях слабого мобильного соединения, что искать и как исправить типичные причины медленной загрузки. Она не про общий чек-лист перед запуском, а про конкретную диагностику скорости и поведения на телефоне.
Почему проверки на компьютере недостаточно
Когда сайт проверяют на компьютере с хорошим интернетом, он почти всегда открывается быстро. Это создаёт ложное ощущение, что всё в порядке. На практике большая часть посетителей приходит с телефонов, и далеко не у всех стабильный быстрый интернет.
Разница между проверкой на компьютере и на телефоне в слабой сети:
— другая скорость соединения;
— другой размер экрана и другой рендеринг;
— другие устройства и другая память;
— другие браузеры и другая поддержка технологий;
— другие условия: метро, улица, помещение с плохим сигналом.
Поэтому проверять сайт нужно именно так, как его увидит реальный мобильный посетитель.
Как имитировать слабое мобильное соединение
Не у всех под рукой есть место с плохим интернетом. Но есть способы проверить сайт в условиях, близких к реальным.
Первый способ — использовать режим throttling в браузере на компьютере. В инструментах разработчика можно включить ограничение скорости до 3G или даже медленнее. Это даёт представление о том, как сайт поведёт себя на слабом соединении.
Второй способ — проверить на реальном телефоне, переключившись на мобильную сеть вместо Wi-Fi. Если сигнал слабый, это уже похоже на реальные условия.
Третий способ — использовать сервисы проверки скорости, которые показывают, сколько времени занимает загрузка на разных типах соединений.
Четвёртый способ — попросить кого-то из знакомых открыть сайт с телефона в другом месте и рассказать, как это было.
Главное — не ограничиваться проверкой в идеальных условиях.
Что именно проверять
Скорость загрузки — это не одно число, а сумма факторов. Проверять стоит по нескольким направлениям.
Первое — время до первого отображения. Сколько проходит от момента перехода до того, как человек видит хоть что-то на экране. Если это больше двух-трёх секунд на слабом соединении, стоит разбираться.
Второе — полная загрузка страницы. Когда всё готово и можно взаимодействовать. Если долго грузятся изображения, шрифты или скрипты, страница может казаться «зависшей».
Третье — размер страницы. Сколько данных нужно скачать, чтобы её открыть. Чем больше, тем дольше загрузка на слабом интернете.
Четвёртое — количество запросов. Каждый файл — это отдельный запрос. Много мелких файлов замедляют загрузку сильнее, чем один крупный.
Пятое — поведение при взаимодействии. Если человек пытается нажать на кнопку, а страница ещё не готова, это раздражает и увеличивает отказы.
Шестое — повторные посещения. Если сайт не кэшируется, при каждом заходе всё грузится заново. Это особенно заметно на слабом соединении.
Типичные причины медленной загрузки
Даже на статическом хостинге есть несколько распространённых причин, из-за которых сайт открывается медленно.
Первая — крупные изображения. Фотографии в высоком разрешении, которые не были сжаты или переведены в современные форматы, весят в разы больше, чем нужно. На слабом соединении это заметно сразу.
Вторая — лишние скрипты. Аналитика, счётчики, виджеты, сторонние библиотеки — всё это добавляет запросы и время загрузки. Иногда половину нагрузки на страницу создают именно сторонние скрипты.
Третья — неоптимизированные шрифты. Если подключено несколько начертаний и они грузятся с внешнего сервиса, это добавляет задержку. Иногда лучше использовать системные шрифты.
Четвёртая — отсутствие сжатия. Если сервер не отдаёт файлы в сжатом виде, браузер скачивает их целиком. Это увеличивает время загрузки.
Пятая — отсутствие кэширования. Если браузер не сохраняет файлы, при каждом переходе всё загружается заново.
Шестая — плохой хостинг. Даже статический сайт зависит от того, насколько быстро сервер отдаёт файлы и насколько близко он к пользователю.
Как проверить каждую из причин
Диагностика не требует сложных инструментов. Достаточно внимательно посмотреть на то, что происходит при загрузке.
По изображениям: откройте инструменты разработчика, посмотрите размер каждого файла. Если какая-то картинка весит больше 200–300 килобайт, это уже повод оптимизировать.
По скриптам: посмотрите список запросов. Если там много сторонних доменов, проверьте, все ли они действительно нужны. Часто можно отказаться от половины.
По шрифтам: если используется внешний сервис шрифтов, проверьте, сколько начертаний подключено. Иногда достаточно одного-двух.
По сжатию: проверьте в инструментах разработчика, приходят ли файлы в сжатом виде. Если нет — стоит включить сжатие на хостинге.
По кэшированию: посмотрите заголовки ответа. Если там нет указаний на длительное кэширование, браузер будет каждый раз загружать всё заново.
По хостингу: если всё вышеперечисленное в порядке, а сайт всё равно медленный, возможно, дело в самом хостинге. Об этом подробнее в материале про статический хостинг.
Что делать, если сайт грузится долго
После диагностики становится понятно, что именно тормозит. Действия зависят от причины.
Если проблема в изображениях — сжать их и перевести в современные форматы. Это часто даёт самый заметный результат.
Если проблема в скриптах — убрать лишние, объединить оставшиеся, отложить загрузку тех, что не нужны сразу.
Если проблема в шрифтах — сократить количество начертаний, использовать системные шрифты или подгружать шрифты только там, где они действительно нужны.
Если проблема в сжатии или кэшировании — настроить их на уровне хостинга или через конфигурацию.
Если проблема в хостинге — рассмотреть смену или уточнить условия у текущего провайдера.
После каждого изменения стоит заново проверять сайт на слабом соединении, чтобы видеть эффект.
Как проверить сайт на реальном телефоне
Инструменты разработчика полезны, но они не заменяют реальную проверку. Вот как это сделать правильно.
Откройте сайт на телефоне в мобильной сети, а не через Wi-Fi. Если сигнал слабый — это уже похоже на реальные условия.
Проверьте, как быстро появляется первый экран. Если нужно ждать больше двух-трёх секунд, это проблема.
Попробуйте пролистать страницу сразу после открытия. Если она дёргается, подгружает контент или кнопки не реагируют, это тоже проблема.
Проверьте, как ведёт себя сайт при повторном заходе. Если он грузится так же долго, значит, кэширование не работает.
Проверьте на разных телефонах и в разных браузерах. Иногда поведение отличается.
Проверьте в разных местах: дома, на улице, в транспорте. Условия сильно влияют на результат.
Как оценить результат
После оптимизации хочется понять, стало ли лучше. Но не всегда очевидно, как это измерить.
Первый ориентир — время до первого отображения. Оно должно быть меньше, чем было. На слабом соединении хорошо, если это две-три секунды, а не пять-семь.
Второй ориентир — полная загрузка. Она тоже должна ускориться, но не всегда так же заметно, как первое отображение.
Третий ориентир — размер страницы. Если он уменьшился, это уже успех, даже если субъективно кажется, что стало не сильно быстрее.
Четвёртый ориентир — количество запросов. Чем меньше, тем лучше, особенно на слабом соединении.
Пятый ориентир — поведение пользователей. Если отказы снизились, а время на странице выросло, значит, изменения пошли на пользу.
Подробнее о том, как связать это с общей аналитикой, рассказано в материале про проверку сайта перед запуском.
Что делать, если ничего не помогает
Иногда все очевидные меры приняты, а сайт всё равно открывается медленно на слабом соединении. В этом случае стоит посмотреть на ситуацию шире.
Возможно, проблема не в сайте, а в самом соединении. Если у пользователя очень плохой интернет, даже идеально оптимизированный сайт будет грузиться долго. Это нормально и не всегда решается на стороне сайта.
Возможно, проблема в хостинге. Если сервер далеко от пользователя или работает нестабильно, это влияет на скорость. Стоит проверить, где расположен хостинг и насколько он надёжен.
Возможно, проблема в конкретном устройстве или браузере. Стоит проверить на нескольких вариантах.
Возможно, сайт просто слишком большой. Если на странице много контента, это неизбежно влияет на загрузку. В этом случае стоит подумать, что можно упростить.
Как выстроить регулярную проверку
Однократной проверки недостаточно. Сайт меняется, добавляются новые элементы, и скорость может ухудшаться постепенно.
Проверяйте сайт на слабом соединении после каждого значительного изменения. Добавили изображения, подключили новый скрипт, поменяли шрифты — проверьте.
Проверяйте хотя бы раз в месяц без повода. Это помогает ловить постепенное ухудшение.
Проверяйте на реальном телефоне, а не только в инструментах разработчика.
Проверяйте в разных условиях: дома, на улице, в транспорте.
Записывайте результаты, чтобы видеть динамику. Это помогает понять, что именно повлияло на скорость.
Частые вопросы
Почему статический сайт грузится медленно на телефоне, хотя на компьютере всё быстро?
Потому что условия разные: скорость соединения, устройство, браузер, размер экрана. На компьютере с хорошим интернетом даже тяжёлая страница открывается быстро, а на телефоне в слабой сети те же файлы грузятся долго.
Как проверить сайт в условиях слабого интернета?
Используйте режим throttling в инструментах разработчика или проверьте на реальном телефоне в мобильной сети. Лучше и то, и другое.
Что чаще всего тормозит статический сайт?
Крупные изображения, лишние скрипты, неоптимизированные шрифты, отсутствие сжатия и кэширования. Иногда — сам хостинг.
Как понять, что сайт стал быстрее?
Сравните время до первого отображения, полную загрузку, размер страницы и количество запросов до и после изменений. Также смотрите на поведение пользователей: отказы и время на странице.
Стоит ли отказываться от всех сторонних скриптов?
Не обязательно от всех, но от лишних — да. Каждый сторонний скрипт добавляет запросы и время загрузки. Если он не даёт ощутимой пользы, его лучше убрать.
Что делать, если сайт всё равно медленный?
Проверьте хостинг, упростите страницу, убедитесь, что проблема не в конкретном устройстве или соединении. Иногда стоит принять, что на очень слабом интернете любой сайт будет грузиться долго.
