Как увеличить скорость загрузки сайта и не потерять драгоценных посетителей

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

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

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

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

Вот, что выяснили сотрудники поисковой системы Google:

• если страница загружается более трех секунд, пользователь покинет ее с очень большой вероятностью;
• около 80% покупателей в интернет-магазинах не сделают покупку повторно, если в первый раз ресурс грузился очень долго;
• пользователи мобильных устройств ждут загрузки сайта дольше, до 10 секунд;
• посетитель замечает даже самую незначительную задержку загрузки сайта, вплоть до 0,4 секунды.

Эти данные показывают, насколько важно для интернет-ресурсов, чтобы их страницы загружались быстрее. Проверить скорость загрузки своих сайтов вы можете на PR-CY, PageSpeed от Google, GTmetrix и подобных им сервисах. Здесь вы можете узнать скорость загрузки сайтов не только для стационарных и портативных ПК, но и для самых различных мобильных устройств.

К примеру, сайт Лента.ру загружается довольно долго, о чем Google честно сообщает на странице проверки.

Чтобы ускорить загрузку страницы, необходимо выполнить те рекомендации, которые предлагает сервис PageSpeed.

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

Топ-5 способов ускорить загрузку сайта

Способ 1. Облегчите графику. На каждом сайте используются разные форматы изображений: GIF для анимации, JPEG для фотографий, PNG для иконок и векторных иллюстраций. Все изображения должны быть правильно сжаты и корректно отображаться на разных устройствах. Ненужные картинки лучше удалить, чтобы они не перегружали сайт. Старайтесь не использовать фотографии в формате PNG, поскольку они хуже поддаются сжатию и весят при этом намного больше аналогичных фото в формате JPEG.

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

Способ 2. Включите кэширование. Это очень полезная функция, которая значительно сокращает время загрузки любого сайта, имеющего статические элементы. Как это работает? Если пользователь посетит ваш сайт с включенными плагинами/модулями кэширования, то все элементы сайта, которые редко изменяются, загрузятся в локальный кэш. И уже при следующем посещении страниц сайта данные будут загружаться не из веба, а с диска, куда они были сохранены во время кэширования.

Что кэширует браузер? Изображения самых различных форматов, файлы CSS и JavaScript. Все эти данные, сохраненные в КЭШе, значительно ускоряют загрузку сайта и уменьшают показатель отказов, что в свою очередь улучшает поведенческие факторы.

Способ 3. Используйте сжатие файлов. С помощью сжатия gzip объем передаваемых данных значительно уменьшится (примерно в 5 раз), а вот скорость загрузки сайта заметно увеличится. Gzip имеет несколько уровней сжатия (1-9) и оптимальное значение, которое следует выставить в конфигурациях сервера (будь то Apache или Nginx), это уровень 5.

Способ 4. Сократите количество HTTP-запросов. Как это сделать? Необходимо удалить те элементы страницы, которые не выполняют полезных функций, или объединить в один файл JavaScript- и CSS-файлы, чтобы уменьшить число запросов браузера и ускорить загрузку всех элементов страницы. Если CSS-файл по размеру небольшой, его, как советует Google, лучше вставить непосредственно в HTML-документ.

Чтобы узнать количество запросов браузера для того или иного сайта, не нужно устанавливать какие-либо дополнительные программы и скрипты. Вы можете воспользоваться встроенными функциями браузера Chrome. Зайдите в Настройки > Дополнительные инструменты > Инструменты разработчика и перейдите на вкладку Сеть (Network). Или нажмите комбинацию клавиш Ctrl + Shift + I, которая откроет консоль разработчика.

Способ 5. Уменьшите размер кода JS и CSS. Это поможет убрать все лишние строки и символы. Например, различные комментарии внутри файлов, не несущие пользы (кроме удобного визуального восприятия) пробелы и прочий «мусор». Очень часто такой способ работает даже эффективнее gzip-сжатия.

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

По возможности, все мелкие графические элементы на сайте старайтесь объединять в так называемые «CSS-спрайты». Сделать это можно на сайте сервиса SpriteMe. CSS-спрайт – это отличный способ соединить несколько изображений в одно целое и получить:

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

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

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

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

Исследования компании StrangeloopNetworks более 2000 лучших сайтов, связанных с интернет-коммерцией, показали, насколько важна быстрая загрузка страницы. Предлагаем ознакомиться с самыми интересными открытиями специалистов из Strangeloop Networks.

5 железных фактов о времени загрузки сайта

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

2. Если страница загружается дольше 3 секунд, 57% пользователей не дождутся загрузки и покинут сайт.

3. Когда сайт начинает «тормозить» из-за неожиданно большого трафика, более 75% пользователей, согласно исследованию Strangeloop Networks, сбегут на сайт конкурента.

4. Без так называемой «полосы прогресса» требовательный и искушенный пользователь будет ждать появления информации не дольше 2 секунд. При наличии такого бара время ожидания увеличивается до 38 секунд.

5. Около 8% респондентов полагают, что основная причина, по которой они покидают сайты, является слишком медленная загрузка страниц этих веб-ресурсов.

Даже если сравнивать два сайта со скоростью загрузки страниц 1 и 3 секунды, то первый из них имеет существенное преимущество перед более медленным собратом: на 22% больше просмотров страниц, на 22% выше конверсия, на 50% ниже показатель отказов. Эти цифры действительно говорят о многом. Чем быстрее сайт, тем он круче по многим параметрам, косвенно или напрямую влияющим на продвижение в поисковой системе.

Хотите узнать примерные потери возможного заработка из-за медленной загрузки страниц сайта? Тогда воспользуйтесь специальным инструментом – калькулятором от компании Sharpe Digital. Он поможет вам в общих чертах оценить, насколько хорошо или плохо оптимизирован ваш сайт в плане скорости и сколько денег вы могли бы заработать, будь у вас очень быстрый сайт. Что может мотивировать лучше, чем недополученная прибыль?

Скорость загрузки страницы на мобильных устройствах

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

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

Использование CDN для ускоренной «доставки» контента

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

Тяжелые сайты с обилием контента разных форматов страдают от этого намного чаще легковесных проектов. Но выход есть. Решить эту проблему помогут сети CDN. Что же это за зверь такой? CDN (Content Delivery Network) – это сеть доставки контента, используя которую, пользователь зайдет на сайт с помощью сервера, расположенного от него на наиболее близком расстоянии.

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

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

CDN важно использовать тогда, когда внезапно большой поток трафика может «положить» сайт. Сеть доставки контента насчитывает множество серверов по всему миру.

Некоторые системы управления контентом (CMS) поддерживают плагины и модули, в которых можно реализовать настройку CDN. Например, для WordPress написан плагин W3 Total Cache, который настраивается всего несколько минут даже неопытными пользователями.

Какие основные преимущества CDN перед стандартным способом доставки контента до конечного пользователя, и как они влияют на скорость загрузки веб-страниц?

1. Уменьшенная нагрузка на основной сервер с файлами сайта. При использовании CDN пропускная способность сети значительно повышается. Число посетителей, которые могут зайти на сайт одновременно и не вызвать при этом сбой сервера, возрастает. Если CDN не использовать, то при каждом потоке посетителей ваш сайт может постоянно «падать».

2. Быстрая доставка контента. Как правило, серверы в сети CDN располагаются в непосредственной близости от разных групп пользователей. Это существенно ускоряет доставку контента и, соответственно, загрузку страниц сайта.

3. Потери пакетов и пинг сведены к минимуму. Поскольку сервер и пользователь находятся друг от друга на сравнительно небольшом расстоянии, то, преодолевая эти незначительные дистанции, пакеты почти не теряются по пути, а пинг не поднимается до высоких отметок. Особенно этот момент важен при потоковой передаче разного рода мультимедиа. При этом отставания в скорости нет и, например, качество загружаемого потокового видео не страдает. Это происходит по причине того, что поставщики услуг CDN используют технологию ускорения протокола TCP, получая повышенную производительность. К чему приводит медленная загрузка, мы уже говорили, - к высоким показателям отказов и значительному снижению доходов.

4. Высокий уровень безопасности. В виду того, что в последнее время количество интернет-угроз и вирусных атак сильно возросло, предлагаемая поставщиками услуги CDN безопасность становится очень важной. Эта сеть справляется со всеми потенциальными угрозами. Благодаря своей масштабности и способности скрывать серверы пользователей CDN удается блокировать различные интернет-угрозы, в том числе и такой популярный вид атак на серверы как DDoS.

5. Точная статистика. Вы сможете получать полную и точную статистику нагрузки в режиме реального времени, так как CDN предоставляет точные данные о нагрузках в активных регионах.

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

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

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

Выбор надежного и качественного хостинг-провайдера играет не менее важную роль в вопросах скорости загрузки страниц сайта. Хотите, чтобы ваш сайт открывался быстро и сервера никогда не «лежали»? Забудьте о дешевых хостингах. Почитайте отзывы и выберите наиболее оптимальный вариант, даже если придется заплатить немного больше.

Скорость загрузки мобильной версии сайта

На начальном этапе внедрения Mobile First Index скорость загрузки страниц мобильного сайта не принималась во внимание. Об этом говорил главный аналитик Google и специалист отдела качества поиска по работе с вебмастерами Джон Мюллер. Однако стремительный рост числа мобильных пользователей заставил специалистов крупнейшего поисковика изменить подход к мобильной выдаче.

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

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

Как проверить скорость загрузки мобильной версии сайта? Там же, где и основной сайт – с помощью инструмента оптимизации PageSpeed Insights от Google.

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

Вывод

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

Используйте сети доставки контента (CDN), чтобы ускорить и обезопасить свой сайт. Исправьте все ошибки на сайте, которые покажет PageSpeed Insights. Максимально оптимизируйте мобильную версию сайта, так как популярность мобильной выдачи растет и этим нельзя пренебрегать.

Попробуйте договориться с хостером или поручите эту работу специалистам Юла Group – у нас большой опыт в настройке и оптимизации сайтов.