Если страница с фотографиями колец быстро открывается на компьютере в мастерской, а на телефоне через мобильную сеть — медленно, менять хостинг пока рано. Сначала проверьте вес снимков и работу мобильной версии. Когда же тормозят все страницы, в том числе короткий текст без фотографий, искать причину нужно в другом месте: на сервере, в базе данных или в коде, общем для всего сайта.
Сначала определите, что именно тормозит
За словами «страница долго грузится» могут стоять разные проблемы. После перехода по ссылке долго виден пустой экран? Возможно, браузер ждёт ответа сервера. Текст появился, а фотографии украшений — лишь спустя несколько секунд? Стоит проверить вес файлов и порядок их загрузки. Всё уже на экране, но кнопка выбора размера кольца или меню не реагирует? Вероятно, браузер занят выполнением скриптов.
Выберите несколько адресов для проверки: главную страницу, статью, страницу услуги и, если есть, каталог с большим количеством изображений. Откройте их на компьютере и телефоне, через обычное подключение и мобильную сеть. Повторите проверку в приватном окне браузера: так проще заметить влияние сохранённых данных или расширений. Одного замера недостаточно — на результат влияют качество соединения и текущая нагрузка.
Если нужны подробности, откройте инструменты разработчика в браузере. Вкладка Network покажет, какие файлы запрашивает страница и сколько времени уходит на каждый этап; Performance поможет обнаружить длительную работу скриптов. Сервисы проверки скорости тоже дают полезные подсказки, но итоговый балл — не диагноз. Сравнивайте один и тот же адрес в похожих условиях.
Тяжёлые фотографии и изображения неподходящего размера
На ювелирном сайте фотографии часто становятся главным источником лишнего веса страницы: крупные планы камней, ракурсы колец, этапы ремонта, обложки статей. Снимок, подготовленный для печати или детального просмотра, не нужно загружать в полном разрешении ради карточки шириной в несколько сотен пикселей.
Смотрите не только на формат, но и на размеры файла, его вес и место на странице. Если браузер скачивает изображение шириной в несколько тысяч пикселей для небольшого блока, подготовьте версии под разные экраны. WebP или AVIF могут уменьшить объём без заметной потери качества, но всё зависит от снимка и настроек сжатия. Грани камня, блики, закрепку и гравировку сравнивайте с оригиналом на глаз: при сильном сжатии важные детали исчезают.
Снимки ниже первого экрана обычно можно загружать по мере прокрутки. А вот главный кадр или обложку, которую посетитель должен увидеть сразу, откладывать без проверки не стоит — страница может казаться медленнее. Задайте размеры изображений в разметке или стилях, чтобы при их появлении не сдвигался текст. Это особенно досадно, когда человек уже собирался нажать на кнопку.
Порядок проверки фотографий
- Найдите самый тяжёлый файл проблемной страницы в списке сетевых запросов.
- Сопоставьте размеры файла с тем, как крупно снимок показан на телефоне и компьютере.
- Подготовьте уменьшенную копию и проверьте, сохранились ли детали: закрепка, фактура металла, надпись.
- Убедитесь, что страница отдаёт новый файл, а не старую версию из кеша.
Начните с нескольких самых тяжёлых снимков на одной странице. Так легче оценить результат и не затронуть сразу всю галерею.
Медленный ответ сервера
Если даже страница с одним абзацем текста долго остаётся пустой, одними фотографиями задержку не объяснить. Сервер может быть перегружен; запрос — требовать долгой обработки; база данных или внешний сервис — отвечать медленно. Длительное ожидание первого ответа указывает на необходимость проверить серверную часть, но само по себе не доказывает, что виноват хостинг.
В одно и то же время сравните страницу с фотографиями и простую текстовую страницу. Если обе открываются медленно, посмотрите журналы ошибок, загрузку ресурсов и время обработки запросов в доступной панели управления. В системе управления сайтом лишнюю работу при каждом открытии страницы могут выполнять плагины: собирать статистику, составлять рекомендации, обращаться к сторонним службам. Посетитель этого не видит, но ждёт ответа дольше.
Кеширование готовых страниц уместно там, где многие посетители видят одно и то же содержимое. Личный кабинет, корзину и форму с персональными данными нельзя кешировать по тем же правилам, что общедоступную статью. Заранее определите и страницы, на которых правки должны появляться сразу, — например, со стоимостью услуги или сведениями о наличии украшения. Быстрый сайт с устаревшей информацией не решает задачу.
Слишком много кода и сторонних элементов
Бывает, что файлы уже загружены, а страница всё равно с задержкой реагирует на нажатия. Браузер может быть занят JavaScript: меню, слайдерами, всплывающими окнами, онлайн-чатом, формами и аналитикой. По отдельности эти элементы кажутся небольшими, но вместе заметно нагружают телефон.
Посмотрите, какие функции нужны именно этой странице. Статье о подборе размера кольца едва ли требуется тот же набор интерактивных модулей, что форме индивидуального заказа. Если чат, карта и виджет отзывов запускаются повсюду сразу, попробуйте отложить загрузку того, что не нужно в первые секунды. После правок вручную проверьте основные действия: открывается ли меню, листаются ли фотографии, отправляется ли форма.
Сторонние элементы зависят не только от вашего сервера. Если задержка появилась после установки виджета, временно отключите его в тестовой среде и сравните результат. На рабочем сайте такие проверки проводите с возможностью быстро вернуть прежние настройки, учитывая функции, за которые отвечает виджет.
Стили, шрифты и ресурсы, которые блокируют отображение
Прежде чем показать страницу, браузеру нужно получить часть стилей. Если файлов много, они велики или загружаются медленно, пустой экран задерживается. Со шрифтами похожая история: надписи появляются поздно либо сначала выглядят одним шрифтом, а затем меняют начертание.
Выясните, какие стили и начертания действительно используются. Статье с обычным текстом не всегда нужны все шрифтовые веса и наборы символов, предусмотренные темой сайта. Удаление неиспользуемого кода и настройка загрузки шрифтов могут помочь. Но если автоматически объединить файлы или перенести их загрузку «на потом» без проверки, оформление может сломаться. Проверьте прежде всего мобильное меню, подписи к камням и формы: их читаемость важнее красивого отчёта о скорости.
Лишние перенаправления, кеш и состояние сайта
По старому адресу браузер иногда проходит через несколько перенаправлений, прежде чем попасть на нужную страницу. Одно перенаправление после переезда материала нормально; цепочка добавляет ожидание. Особенно это заметно у ссылок из меню и кнопок, которыми часто пользуются. Проверьте конечные адреса и обновите внутренние ссылки, чтобы они по возможности вели сразу на действующую страницу.
Кеш браузера избавляет постоянных посетителей от повторной загрузки неизменившихся логотипа, стилей и других файлов. Без подходящих настроек ресурсы скачиваются заново. Но при неудачных настройках после обновления сайта люди могут видеть старое оформление или данные. Проверяйте и скорость повторного посещения, и то, вовремя ли появляются правки.
Замедление бывает связано и с ошибками: повторными запросами, недоступными файлами, сбоями после обновления темы или плагина. Если сайт начал тормозить в определённый день, сопоставьте дату с историей изменений. Не меняйте одновременно сервер, изображения и модули — иначе будет трудно понять, что помогло, а что навредило.
С чего начать, если времени немного
Отталкивайтесь от того, что видите при загрузке. Даже без доступа ко всем настройкам можно сузить круг поиска.
- Медленна одна страница с галереей. Проверьте вес и размеры фотографий, а также когда начинают загружаться снимки ниже первого экрана.
- Долго открываются все страницы. Измерьте ожидание ответа сервера на простой странице, затем изучите нагрузку, ошибки и работу кеша.
- Страница видна, но кнопки реагируют поздно. Проверьте скрипты и недавно добавленные виджеты.
- Проблема заметна только на телефоне. Сравните мобильную версию: фотографии, меню, всплывающие элементы и объём загружаемого кода.
- Замедление началось после обновления. Посмотрите историю изменений и проверьте затронутые страницы, прежде чем вносить новые правки.
До исправлений запишите показатели для двух-трёх страниц и условия проверки. После каждого изменения повторяйте замер в сопоставимых условиях и проверяйте функции сайта. Если задачу решает специалист, передайте ему адрес страницы, устройство, примерное время проверки и точное наблюдение вместо общего «сайт медленный». Например: текст появляется быстро, а галерея из шести фотографий — с задержкой.
Для страницы с описанием ремонта кольца первым шагом может быть проверка сетевых запросов на телефоне. Отсортируйте файлы по размеру. Если самый крупный из них — фотография изделия в небольшом блоке, подготовьте уменьшенную версию. Затем повторите замер и посмотрите, различимы ли на снимке детали ремонта.