Медленная загрузка сайта: 11 распространенных причин и способы их устранения

Около 47% потребителей ожидают, что веб-страница загрузится за 2 секунды или меньше. А если ваш сайт загружается более 3 секунд, будьте готовы, что 40% посетителей его покинут.

Оценивая данную статистику можно вообразить, сколько пользователей и потенциальных покупателей можно потерять просто не оптимизировав свой сайт на быструю загрузку. Так, если сайт электронной коммерции зарабатывает 100 000 долларов в день, то задержка страницы на 1 секунду может стоить 2,5 миллиона долларов потерянных продаж в год.

Но терять надежду на хорошую посещаемость сайта еще рано! Здесь мы рассказываем не только о том, как оценить скорость загрузки сайта, но и о распространенных причинах медленно загружающихся сайтов.

Как проверить скорость загрузки сайта?

Скорость вашего сайта — важнейшее стратегическое качество. Если сайт начинает тормозить, например, из-за проблем хостинга, то ваши вложения в SEO, контекстную рекламу, усилия по привлечению трафика и увеличению конверсии пропадают даром.

Инструментов для тестирования проблем в работе сайтов, в том числе на стороне сервера, довольно много. Попробуйте следующие:

• GTmetrix.
• Webpagetest.
• Sitespeedbot.
• Uptimerobot.
• Google PageSpeed Insights.
• Website Speed Test.
• Tools Pingdom.

Все эти сервисы бесплатные или условно бесплатные. Они не только определяют проблемы на веб-ресурсе или оценивают безотказность работы онлайн-сервисов, но и дают рекомендации по оптимизации и исправлению ошибок.

Поскольку бывает трудно определить, что именно не так, можно воспользоваться Google PageSpeed Insights. Google PageSpeed учитывает несколько факторов для получения общей оценки времени загрузки. Результат от 90 баллов и выше считается хорошим, от 50 до 90 – средним. Если набрано меньше 50 баллов, значит страница загружается медленно.

Так, хорошим временем, которое проходит с момента открытия страницы и до момента, когда посетитель увидит какое-либо её содержимое, считается от 0 до 1000 мс. Низкая скорость - это загрузка более 2500 мс.

Распространенные причины медленной загрузки сайта

Скорость важна для любого сайта, будь то крупный интернет-магазин, новостной портал или небольшой блог. Скорость загрузки страниц влияет на рост трафика, удовлетворенность пользователей, на конверсию посетителей сайта и ранжирование его поисковиками.

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

Большой трафик

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

Чтобы решить эту проблему в настоящем времени и снизить риски в будущем, владельцы сайтов могут:

• Масштабировать используемое хостинговое решение (например, VPS для сайта можно легко модернизировать, добавив необходимые ресурсы).
• Использовать сети доставки контента (CDN).
• Оптимизировать код для эффективной обработки пикового трафика.

Также можно применить методы балансировки нагрузки, чтобы распределить нагрузку между несколькими серверами, если таковые имеются в распоряжении владельца сайта.

Чрезмерное количество Flash-контента

Flash-контент, несмотря на свою визуальную привлекательность, может быть довольно ресурсоемким и значительно замедлять загрузку сайта.

Рекомендуется использовать Flash в ограниченном количестве и только в случае необходимости. Если возможно, продумайте варианты замены Flash-контента более легкими альтернативами, такими как анимация или видео на HTML5.

Что еще интереснее, поисковые системы с трудом справляются с индексацией Flash-сайтов, которые работают медленно, их трудно отслеживать с помощью аналитики, и на них могут отсутствовать важные SEO-элементы. В данном случае доступны альтернативы: уже упомянутый HTML5, а также CSS3, JavaScript и прогрессивные веб-приложения (PWA).

Неоптимизированные медиа

Сжатие изображений и «тяжелого» медиа-контента просто необходимость. Изображения высокого разрешения могут потреблять много пропускной способности при загрузке и увеличивать общий вес страницы. А если на каждой странице сайта присутствует неоптимизированный медиа-контент?

В данном случае лучше придерживаться следующих практик:

• Проверяйте размер изображений, они должны весить не более 1 МБ.
• Используйте JPEG, так как JPEG изображения гораздо меньше по размеру, чем изображения других форматов, таких как PNG или GIF.
• Применяйте ленивую загрузку (lazy loading) для медиафайлов.
• По возможности, размещайте видео на сторонних платформах, а на сайте используйте вставки кода.

Когда плагин для сжатия создает файлы меньшего размера без снижения качества, время загрузки страницы сокращается на 1-2 секунды. Это существенная оптимизация! Например, для Wordpress можно использовать бесплатный плагин сжатия изображений ShortPixel.

Ненужные редиректы

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

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

Лучшая всего обновлять страницы, чтобы они ссылались на текущий адрес других страниц. С помощью веб-краулера вы можете получить список всех страниц сайта, которые ссылаются на перенаправленные URL. Дополнительно стоит проверить цепочки редиректов (когда первая ссылка перенаправляет на вторую, а та на третью) и сразу поставить ссылку на конечную “точку назначения”.

Плотный или грязный код

Плотнее, чем веб-элементы, которые своим весом замедляют загрузку сайта, может быть только код, на основе которого создан сайт.

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

Еще один распространенный виновник медлительности сайта - грязный код. Излишние пробелы, встроенные стили, пустые новые строки и ненужные комментарии - все это имеет негативное влияние на сайт.

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

Минифицируйте CSS-файлы, объединяйте их и исключите ненужные правила CSS - это тоже поможет с улучшением загрузки.

Проблемы с JavaScript

Наличие плагинов JavaScript сделало использование динамического контента на сайтах очень удобным. Однако неоптимизированный код JavaScript может замедлить время загрузки вашего сайта, будь то из-за кодировки, приоритетов или чего-либо еще.

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

• Проведите ревизию своих JavaScript-скриптов, чтобы понять, что вам действительно нужно, и удалите то, что вам не нужно.
• Используйте асинхронную загрузку, чтобы уменьшить нагрузку на сервер, но предоставлять пользователю нужных контент.

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

Методы кэширования

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

Внедрите кэширование в браузере/HTTP, а также кэширование на стороне сервер могут значительно улучшить работу сайта в плане скорости.

Повышенное количество HTTP-запросов

Все достаточно просто: если сайт содержит слишком много JavaScript, CSS и изображений, это приводит к увеличению количества HTTP-запросов. То есть при каждом посещении сайта браузер отправляет на сервер слишком много запросов на загрузку большого количества файлов. Естественно, это приведет к медленной загрузке сайта.

Если вы уже попробовали решить несколько проблем выше, то и количество запросов HTTP должно было уменьшиться. В противном случае минифицируйте файлы CSS и JavaScript, чтобы уменьшить количество файлов, используйте ленивую загрузку медиа-контента, и внедрите CSS Sprites, чтобы снизить количество HTTP-запросов.

Чрезмерная реклама

Вам необходимо поддерживать баланс между монетизацией сайта и влиянием рекламы на его производительность. Наиболее очевидным последствием перегрузки сайта рекламой является увеличение количества HTTP-запросов, на обработку которых требуется дополнительное время.

Чрезмерная реклама - это не только медленная загрузка сайта, но и засорение его визуальной привлекательности для пользователя.

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

Использование устаревшей CMS

Системы управления контентом (CMS), такие как WordPress, Joomla или Drupal, также могут быть причиной медленной загрузки сайтов. Проблемы чаще всего возникает из-за тем и плагинов для CMS, которые влияют на производительность.

В данном случае лучше всего пересмотреть используемые плагины и удалить ненужные, а также регулярно обновлять CMS.

Если вы сейчас в поиске системы управления контентом для своего сайта, то мы подготовили обзор наиболее популярных CMS.

Низкая производительность сервера и другие проблемы с хостингом

Вот мы и добрались до наиболее интересной причины медленного сайта - хостинг. Даже если все остальное работает идеально, низкая производительность сервера замедлит скорость работы сайта.

На данный момент наиболее выгодным решением для хостинга сайта является виртуальный частный сервер (VPS), благодаря его гибкой масштабируемости и невысокой стоимости. Однако даже если вы используете другой вид хостинга, следующие причины могут относится и к вашему серверу.

Причины замедления загрузки сайта из-за хостинга

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

• Версия PHP.

Убедитесь, что вы используете последнюю стабильную версию PHP. Старые версии могут иметь известные проблемы с производительностью или не содержать важных обновлений безопасности.

• Локация хостинга.

Убедитесь, что ваш сервер для сайта расположен в регионе, где находится большая часть ваших посетителей или клиентов. В противном случае очень велика вероятность, что сайт будет работать медленнее, если не заниматься оптимизацией географически распределенного кэширования.

• Недостаток ресурсов на хостинге.

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

Согласованность и надежность пропускной способности сети вашего хостинга легко проверить. Для этого загрузите на сервер большой файл размером в 200-300 Мбайт. Если загрузка в сторону сервера идет медленно, а у вас быстрое интернет-соединение, то проблема в пропускной способности хостинга. Отчасти по этим косвенным признакам можно определить, присутствует ли у вашей хостинговой компании оверселлинг.

Что такое оверселлинг?

Распространенная причина торможения сайта — оверселлинг (overselling), что означает избыточную нагрузку вычислительных ресурсов сервера из-за чрезмерных продаж ресурсов.

В результате физические серверы настолько перегружены исполнением задач большого количества клиентов, что это плохо сказывается на производительности. Сайты начинают тормозить или вовсе перестают работать, а администраторы получают уведомления вроде «Too many open files in system». Наиболее распространена эта проблема для услуг shared hosting, но может встречаться и для VPS недобросовестных провайдеров.

Можно снизить вероятность оверселлинга, например, если не использовать крайне дешевый хостинг (на нем высока вероятность оверселлинга) и VPS с системами виртуализации OpenVZ/Virtuozzo, VDSmanager — в основном это оверселлинг. Технологии виртуализации XEN или KVM также могут иметь оверселлинг, но – учитывая их технические особенности – значительно реже.

Если вы заподозрили своего текущего провайдера в оверселлинге, вы всегда можете найти более надежного поставщика хостинга и перенести свой проект на новый сервер.

Отсутствие CDN

Для ускорения работы сайта через снижение нагрузки на «родительский» сервер можно использовать CDN (сеть доставки контента). CDN распределяет статичный медийный контент (изображения, видео, документы большого объема и так далее) по нескольким промежуточным серверам и незаменима при обслуживании аудитории на больших географических дистанциях.

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

Например, если веб-ресурс хостится на VPS в Нидерландах, а посетитель – из Японии, кэширование и проксирование статичных данных сайта через CDN не создаст замедления загрузки сайта во Японии.

Даже сравнивая CDN и традиционный хостинг, многие все равно выбирают размещение сайта на едином сервере в одной локации.

Заключение

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

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

Выбирайте надежный, быстрый и качественный хостинг для сайта - именно поэтому он не будет дешевым. Со временем затраты окупятся дополнительными запросами, звонками и продажами.