Для пользователей важна каждая секунда.
Об ускорении загрузки сайта рассказала ORM-маркетолог облачной платформы Beget Оксана Карелина.
Скорость загрузки сайта влияет не только на удовлетворённость пользователей, но и на их готовность совершить покупку. При этом ожидания аудитории постоянно растут, и то, что считалось приемлемым несколько лет назад, сегодня может привести к потере посетителей и снижению конверсии.
В этой статье для редакции «Маркетинг» Skillbox Media рассказываю:
- как продолжительность загрузки влияет на количество отказов и конверсию сайта;
- как ускорить загрузку страниц с помощью оптимизации баз данных, изображений и работы CMS, а также настройки CDN.
Почему важна быстрая загрузка сайтов
Скорость — это главная валюта интернета. Даже самый хороший дизайн теряет значение, если страница загружается слишком долго.
Ещё в 2008 году аналитики Aberdeen Group подсчитали, что задержка загрузки страницы всего на 1 секунду приводит к снижению числа просмотров страниц на 11%, удовлетворённости клиентов — на 16%, а конверсии — на 7%. С тех пор ожидания пользователей только выросли.
В 2016 году уже 53% людей были готовы покинуть сайт, если его загрузка занимала более трёх секунд. А в 2020 году Deloitte и 55 по заказу Google провели исследование и выяснили, что снижение задержки всего на 0,1 секунды повышает конверсию онлайн-магазинов на 8,4%, а сайтов для туристов — на 10,1%.
Кадр: мультфильм «Академия монстров» / DC Films
Скорость сайта влияет и на его ранжирование. Например, в Google ещё в 2010 году скорость загрузки назвали одним из факторов, влияющих на положение сайта в поисковой выдаче.
Вот почему грамотная оптимизация сайта в 2025 году настолько важна. Ниже я объясню, как ускорить загрузку ресурса.
С помощью каких инструментов можно ускорить работу сайта
Чтобы ускорить работу сайта, можно оптимизировать изображения, улучшить работу системы управления контентом, уменьшить нагрузку на базы данных или настроить доставку информации до пользователя. Некоторые из этих действий сможет выполнить практически любой пользователь ПК, для других понадобится опыт работы с кодом.
В этом разделе я расскажу о каждом способе подробнее. Если у вас нет специфических знаний, эта информация поможет вам правильно поставить задачу разработчику.
Оптимизация сервера
Скорость работы сайта зависит от мощности процессора и объёма оперативной памяти сервера, пропускной способности хостинга и наличия у провайдера ресурсов, достаточных для эффективной обработки нагрузки на проекты. Поэтому лучше выбирать мощные серверы.
Также значение имеет местоположение серверов: чем ближе они будут находиться к пользователям, тем меньше будет задержка при передаче данных.
Оптимизация баз данных
Время отклика сервера напрямую связано с производительностью баз данных (БД). Оптимизировать скорость сайта можно с помощью нескольких инструментов. Вот распространённые способы.
Оптимизация изображений
Зачастую изображения составляют большую часть веса страницы, поэтому их оптимизация может существенно ускорить загрузку сайта. Вот несколько способов оптимизации изображений.
<picture> <source srcset=”image-large.webp” media=”(min-width: 1200px)”> <source srcset=”image-medium.webp” media=”(min-width: 768px)”> <img src=”image-small.webp” alt=”Описание изображения”> </picture>
Оптимизация работы CMS
Довольно часто в медленной работе сайта винят CMS — систему управления контентом. На деле производительность многих из них примерно одинакова, а сложности появляются, когда сайты перегружают задачами, на которые выбранная система управления контентом попросту не рассчитана.
Тем не менее при правильном подходе к работе с CMS можно ускорить сайт — вот что можно использовать.
Настройка CDN
CDN (content delivery network — сеть доставки содержимого) — это распределённая сеть серверов, которая помогает ускорить загрузку сайта за счёт доставки контента пользователям с ближайшего к ним сервера.
CDN — своего рода посредник между основным сервером и пользователем, который помогает разгрузить основной сервер. Вместо того чтобы обрабатывать множество запросов самостоятельно, он делегирует эту задачу сети CDN. Например, если ваш сайт размещён в России, а пользователь из Европы, CDN доставит контент с европейского сервера.
Чтобы настроить работу сайта через CDN, необходимо выбрать провайдера, указать в личном кабинете CDN доменное имя вашего сайта, изменить записи (A, CNAME) вашего домена, чтобы трафик шёл через серверы CDN.
Главное об ускорении работы сайта в 4 пунктах
- Оптимизировать работу серверов можно с помощью установки производительных процессоров, SSD-дисков и с помощью расширения оперативной памяти.
- Снизить вес изображений и ускорить загрузку страницы можно с помощью их сжатия без потери качества. Ещё поможет использование более лёгких форматов файлов. Например, PNG или JPEG можно преобразовать в WebP или AVIF. Также можно настроить на сайте «ленивую загрузку», адаптирование разных форматов на устройстве пользователя и кэширование изображений.
- Ускорить работу CMS поможет использование встроенных механизмов кэширования на сайте и оптимизированных тем. Также можно вручную настроить плагин для объединения файлов или сжатия данных перед отправкой пользователю.
- Если пользователи сайта находятся в разных странах, поможет подключение системы CDN. Она будет доставлять контент с сервера, который находится ближе всего к конкретному пользователю, и ускорит загрузку страницы.
Больше материалов Skillbox Media о сайтах и их продвижении
Объект базы данных, который помогает ускорить поиск информации.
Команда, которая позволяет выбрать нужные данные из базы данных.
Команда, которая позволяет объединить данные из двух и более таблиц в одном запросе.
Команда, которая позволяет отфильтровать информацию и получить только те строки, которые соответствуют заданным критериям.
Инструмент в языке SQL, который позволяет анализировать, как именно выполняется запрос.
Процесс сохранения часто используемых данных, который позволяет быстрее получать доступ к ним в будущем.
Система управления базами данных.
Популярная система управления базами данных, которую часто используют для работы с сайтами и приложениями.
Функция в системе управления базами данных MySQL, которая сохраняет результаты запросов для их быстрого повторного использования.
Тип данных, который используют для хранения целочисленных значений.
Тип данных для хранения символьных строк переменной длины.
Инструмент для MySQL, который позволяет проектировать наглядную структуру баз данных и управлять ими.
Инструмент для администрирования и настройки СУБД PostgreSQL.
Процесс записи информации о запросах, которые поступают к серверу или программе. Логирование помогает отслеживать действия пользователей, анализировать работу системы и выявлять возможные проблемы.
Тег <picture> позволяет загрузить несколько изображений, из которых браузер на конкретном устройстве выбирает подходящее, а затем отображает его.
После атрибута scrset указываются варианты изображения.