Желаете увеличить число показов, расширить аудиторию и превратить максимальное количество посетителей в реальных клиентов? Начните с оптимизации скорости работы сайта. Эта рекомендация основана на достоверных данных: задержка загрузки страниц сайта всего на 1 секунду снижает степень удовлетворенности пользователя на 15% и более. 79% потенциальных клиентов задумаются о совершении покупки через другой ресурс, если страницы вашего сайта или форма оформления заказа загружаются медленно.
Для оценки производительности сайтов используют инструмент Google PageSpeed Insights, содержащий шкалу с зеленой, желтой и красной секциями, отражающими общую производительность интернет-ресурса. Что делать, если инструмент отображает не лучшие результаты для вашего сайта?
Если вы не знаете, как оптимизировать производительность своего сайта, мы подготовили 17 стратегий по уменьшению времени загрузки страниц, что в конечном итоге повысит степень удовлетворенности ваших пользователей.
1. Проведите аудит вашего сайта
Перед внесением любых изменений, влияющих на скорость загрузки и обработки контента, оцените текущую производительность вашего сайта. Вы можете сделать это с помощью упомянутого выше инструмента PageSpeed Insights, но нельзя пренебрегать реальным опытом работы с сайтом: выполните переход с различных устройств и оцените скорость загрузки страниц и контента. Чем большим количеством информации о работе вашего сайта вы располагаете, тем проще выявить основные проблемы и исправить их.
2. Определите проблемы, которые нужно устранить в первую очередь
Выявив проблемы, связанные с низкой производительностью вашего сайта, вы испытаете соблазн устранить их все сразу. Это будет вашей ошибкой. Определите, какие аспекты в работе вашего сайта являются наиболее важными для ваших пользователей, чтобы правильно расставить приоритеты. Например, если загрузка сайта при переходе на него занимает слишком много времени, сосредоточьте внимание на проблемах на стороне сервера: DNS, хостинг-провайдер. Даже если сам контент страниц загружается довольно быстро, пользователи все равно не захотят ждать, если скорость загрузки самого сайта удручает.
3. Оцените качество услуг вашего хостинг-провайдера
Как уже было сказано выше, виновником низкой производительности сайта может быть ваш хостинг-провайдер. Есть несколько факторов, влияющих на скорость загрузки сайта: географическое положение серверов, их мощность, пропускная способность сетевого оборудования. Кроме того, производительность сайта зависит от типа используемого веб-хостинга: виртуальный, VPS или выделенный сервер.
Хотя в большинстве случаев виртуальный хостинг – оптимальный вариант с точки зрения финансовых затрат, его ресурсы распределены между несколькими сайтами, в связи с чем производительность снижается. Виртуальный выделенный сервер (VPS) распределяет ресурсы физического сервера между несколькими виртуальными для увеличения производительности сайтов. Но если нагрузка на сервер слишком высока, скорость загрузки страниц может падать. Выделенный физический сервер стоит значительно дороже виртуального хостинга или VPS, но он обеспечивает лучшую скорость работы сайта.
4. Оцените производительность CDN
Если все данные, необходимые для полной загрузки вашего сайта, хранятся на одном сервере, это негативно влияет на скорость его начальной загрузки и общую производительность в целом. Сетевая инфраструктура (CDN) содержит несколько серверов для хранения вашего контента сразу в нескольких местах. Когда пользователь переходит на ваш сайт, CDN выбирает ближайший сервер к физическому местоположению пользователя, чтобы ускорить процесс доставки контента. Обратите внимание, что CDN отличаются друг от друга, поэтому вам следует рассмотреть несколько провайдеров, чтобы выбрать лучшего.
5. Оптимизируйте изображения
Качественные изображения повышают привлекательность вашего сайта для конечных пользователей, но могут негативно влиять на его производительность (особенно если вы используете изображения высокого разрешения). Сжимайте изображения перед загрузкой на сайт, чтобы сэкономить драгоценное время ваших потенциальных клиентов. Многие редакторы изображений содержат стандартную функцию «сохранить для интернета», оптимизирующую картинки для сайтов. Также есть онлайн-сервисы для сжатия изображений распространенных форматов: «.jpg», «.png», «.tiff» и прочих.
6. Снизьте общее количество редиректов
Редиректы используют для перенаправления пользователя со страницы, на которую он заходил, на новую страницу. Они позволяют связать высоко посещаемые рейтинговые страницы с новым контентом. В чем проблема редиректов? Чем больше переадресаций на сайте, тем больше времени требуется на его загрузку, что в конечном итоге ухудшает впечатление пользователей о вашем сайте.
Редиректы полезны для получения стабильно большого числа просмотров нового контента. Но, как только цель по количеству просмотров была достигнута, уберите старые редиректы, чтобы сократить время загрузки вашего сайта.
7. Ограничьте количество HTTP-запросов
Любой HTTP-запрос на загрузку изображений, таблиц стилей, скриптов и шрифтов увеличивает общее время загрузки вашего сайта. По мере роста вашего сайта количество таких запросов увеличивается. В конечном итоге возникает значительная задержка между нажатием на ссылку и фактическим переходом на новую страницу.
Некоторые встроенные в браузер сервисы, такие как Google Developer Tools, идентифицируют все HTTP-запросы, сделанные сайтом. Вы можете определить устаревшие или слишком сложные запросы, которые можно исключить или объединить с другими функциями, чтобы оптимизировать скорость загрузки.
8. Сжимайте контент
Уменьшив размер файлов не в ущерб качеству, вы улучшите производительность вашего сайта. Есть несколько мощных и надежных фреймворков для сжатия (например, Gzip), уменьшающих размеры файлов без ухудшения качества контента. Узнайте, какие методы сжатия использует ваш хостинг-провайдер. Если он ими пренебрегает, выберите другого.
9. Используйте кэширование данных
Механизм кэширования позволяет браузеру предварительно загружать часть контента вашего сайта для повышения скорости загрузки страниц. Некоторые системы управления контентом (CMS) используют механизмы автоматического кэширования последних версий сайтов и предлагают настраиваемые параметры. Если на вашем сайте есть контент, который обновляется не регулярно, вы можете увеличить время кэширования для повышения производительности.
10. Отслеживайте ошибки «404 – страница не найдена»
Пользователи получают сообщения с ошибкой «404 – страница не найдена» в двух случаях: если запрашиваемая страница была вами удалена или перемещена (присвоен другой адрес). Столкнувшись с такой ошибкой, вероятнее всего пользователь пожелает покинуть ваш сайт (и вы потеряете потенциального клиента). Устранить ошибки можно с помощью бесплатных инструментов, выявляющих несуществующие страницы и удаляющих «мертвые» ссылки.
11. Сделайте акцент на мобильность
Быстрые мобильные сайты стали необходимостью, так как количество пользователей, которые просматривают сайты и совершают покупки через мобильные устройства, стремительно растет. Проще всего оставить версию сайта для настольных устройств и надеяться на лучшее. Но обычная версия интернет-ресурса загружается дольше и неудобна в использовании на мобильных устройствах. Лучше сразу вложить средства в разработку хорошего мобильного сайта или адаптивной версией с максимальной скоростью загрузки страниц и минимальным временем отклика на действия пользователей.
12. Оптимизируйте вашу CMS
Хорошая система управления контентом позволяет повысить производительность сайта за счет оптимизации поиска контента и работы сайта в целом. Существует множество бесплатных и платных CMS. Изучите каждую, чтобы определить, какая наилучшим образом подходит для вашего сайта.
13. Объедините ключевые файлы
Если у вас есть опыт работы веб-разработчиком, вы сможете объединить файлы JavaScript и CSS, чтобы уменьшить количество читаемых фалов во время загрузки сайта. Являетесь ли вы веб-разработчиком или используете хорошую CMS, вам в любом случае стоит задуматься об объединении файлов скриптов и таблиц стилей, чтобы повысить производительность вашего сайта.
14. Определите скорость работы DNS-сервера
Чем больше времени требуется на получение ответа от DNS-сервера, тем больше временная задержка между отправкой запроса и получением первого байта информации. Определить производительность DNS-сервера можно с помощью специальных онлайн-инструментов. Обратите внимание, что некоторые хостинг-провайдеры могут также предоставлять услуги DNS.
15. Используйте асинхронную загрузку
Многие файлы и скрипты вашего сайта загружаются синхронно. То есть, загрузка каждого последующего элемента начинается только тогда, когда был полностью загружен предыдущий. В конечном итоге, это увеличивает время загрузки страниц сайта. Новые инструменты и плагины CMS содержат функционал асинхронной загрузки элементов CSS и скриптов JavaScript, обеспечивая их параллельную (одновременную) загрузку.
16. Уменьшите количество используемых шрифтов
Уникальные шрифты используют для привлечения внимания пользователей. С другой стороны, они негативно влияют на производительность (особенно необычные шрифты, содержащие уникальные наборы символов). Уменьшите количество используемых шрифтов для увеличения скорости загрузки страниц и отдайте предпочтение тем, которые оптимизированы для новых браузеров.
17. Выявите проблемные плагины
Найдите плагины, которые снижают производительность вашего сайта. Многие плагины содержат полезный функционал и упрощают управление сайтом. Но они могут снижать производительность, особенно если они потребляют большое количество ресурсов или выполняют сложные запросы к БД. В работе с плагинами придерживайтесь двух простых правил: оставляйте только те плагины, которые вам действительно нужны, и устанавливайте самые свежие версии, оптимизированные по производительности.
Чем быстрее, тем лучше
Чем выше скорость загрузки сайта и его контента, а также чем быстрее он реагирует на действия пользователя, тем ниже показатель отказов и выше показатели конверсии. Хотя медленный сайт не удастся значительно ускорить за несколько минут, вам нужно постоянно работать над оптимизацией его производительности, и в этом вам поможет любая из описанных выше 17 стратегий.