Skip to main content
время загрузки сайта

Время загрузки: секунды, которые стоят миллионы

3 August 2021
Время для чтения : 
4 минуты
Lauréline Kameleoon
Lauréline Saux
Laureline is Content Manager and is in charge of Kameleoon's content. She writes on best practice within A/B testing and personalization, based on in-depth analysis of the latest digital trends and conversations with Kameleoon's customers and consultants.

Никто не любит медленные сайты. У ваших посетителей быстрые устройства, и они не в восторге от неоправданно долгих ожиданий во время навигации по вашему сайту. 

Такая проблема может казаться безобидной, но одна секунда загрузки может существенно влиять на ваши показатели конверсии. Каждая дополнительная секунда загрузки на Amazon влечет за собой последствия в виде потерь в размере 1,6 миллиардов долларов в год

время загрузки vs время отображения 

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

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

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

1 Зачем оптимизировать скорость загрузки вашего сайта?

качественный опыт для ваших посетителей

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

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

Задержка загрузки на 500 миллисекунд может повлечь за собой повышение степени разочарования посетителей на 26%, а также сокращение показателей вовлеченности на 8%. 

Так какое время загрузки нельзя превышать? Тенденция такова: вы не должны заставлять посетителей ждать больше 3 секунд. Strangeloop сообщают о том, что 1 секунда задержки сокращает показатели конверсии на 7%. 

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

ваша позиция в поисковых запросах

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

2 Как ускорить работу сайта?

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

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

выбрать хороший хостинг

Хостинг сайта - это очень важный фактор, его нужно адаптировать под ваш сайт. Если у вас небольшой трафик, то можете выбрать VPS, а если большой, то, к примеру, облачный хостинг будет надежным решением. 

сократить размер кода (CSS, JavaScript, Html)

Файлы кода позволяют вам сформировать ваш сайт. Вы можете сократить размеры файлов, удаляя ненужные элементы (пустые строки, пробелы и т.д.) для того, чтобы сократить время загрузки сайта. Можно трансформировать файлы в zip и сократить тем самым размер до 70%, не ухудшая качество картинок и видео. 

оптимизировать картинки

Существуют несколько элементов, которые нужно оптимизировать, что картинки не замедляли загрузку сайта:

  • Размер:  чем тяжелее картинка, тем больше времени она будет загружаться, это логично. Существуют некоторые бесплатные решения, которые позволяют уменьшить размеры изображений онлайн (Tinypng, compresspng, etc.), не теряя в качестве. 
  • Формат: для веба предпочтительнее формат PNG.  Избегайте изображения в форматах TIFF, BMP ou XBM.

использовать кэш-память

Когда вы попадаете на сайт в первый раз, вам нужно загрузить файл HTML, картинки, файлы JavaScript и т.д. для корректной навигации. В зависимости от сложности страницы это может занять некоторое время. Как только все элементы сохранены в кэше посетителя, страница загружается быстрее. Активируя browser caching, вы можете сократить число запросов между сервером и вами и, таким образом, загружать страницы быстрее. 

удалить ненужные плагины

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

избегать переадресации

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

О чем рассказываем в этой статье
Lauréline Kameleoon
Lauréline Saux
Laureline is Content Manager and is in charge of Kameleoon's content. She writes on best practice within A/B testing and personalization, based on in-depth analysis of the latest digital trends and conversations with Kameleoon's customers and consultants.