article image

Как ускорить загрузку сайта: советы по оптимизации

Время на чтение: 10 мин.

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

 

 

 

Зачем ускорять сайт

В ускорении загрузки нуждаются сайты любого типа – от лендинга до интернет-магазина. Она влияет не только на положительный пользовательский опыт, вероятность повторного обращения к интернет-ресурсу, оформление заказа, но и на эффективность SEO. Алгоритмы поисковиков просто не позволят вывести в ТОП сайты с плохими показателями скорости

 

 

Чем быстрей загружается сайт тем лучше конверсия

По статистике Google, пользователь чаще всего покидает сайт, если он загружается более 3 секунд. Подавляющее большинство из них (79%) не заходят на медленный сайт снова. Всего одна дополнительная секунда загрузки снижает конверсию в среднем на 7%. И чем меньше времени пользователь тратит в ожидании открытия сайта, тем выше конверсия. При этом нужно понимать, что она обязана быть высокой как на десктопных, так и на мобильных устройствах. Порядка 85% пользователей мобильных устройств ждут такой же скорости, как при просмотре страниц на ПК. Не получая этого – они просто уходят.

На что и как влияет скорость загрузки

Медленно работающий сайт в десктопной или мобильной версии:

 

  1. Теряет клиентов – пользователю проще вернуться в поисковик и перейти на следующий по списку сайт, чем ждать долгой загрузки.
  2. Уменьшает конверсию в геометрической прогрессии – каждая секунда загрузки усугубляет пользовательский опыт.
  3. Несет негативный пользовательский опыт, который снижает вероятность повторной покупки на 60%.

 

Поэтому крайне важно знать: как ускорить загрузку сайта и, следовательно — конкурентоспособность, привлекательность его для пользователей.

 

 

Поисковики любят быструю загрузку

Быстрота загрузки влияет не только на поведенческие факторы, но и на позиции в выдаче поисковых систем. Ухудшение ранжирования сайта происходит из-за долгой загрузки, которая не позволяет роботу-поисковику полностью проиндексировать его и, как следствие, эффективность SEO снижается. Это достаточно распространенная проблема, когда владельцы сайтов и недобросовестные «SEO-специалисты» затрачивают кучу времени, сил и денег на продвижение. Но без быстрой работы самого веб-ресурса позиция в выдаче не сдвинется с мертвой точки.

 

 

 

 

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

Независимо от направленности сайта – он обязан загружаться быстро на любых устройствах. В идеале сайту требуется прогрузка за секунду. Другие показатели можно охарактеризовать следующим образом:

 

  • 2-3 секунды – нормальная, с минимальными потерями в конверсии;
  • 4-7 секунд – требует доработки;
  • 8-10 – плохо, необходимо проведение серьезных работ по ускорению;
  • 11 и более – требуется незамедлительная оптимизация.

 

 

 

Показатели скорости загрузки сайта

Скорость зависит от нескольких факторов:

 

Серверные Видимые
Время ответа сервера Html-код
Cms Количество и размер изображений
Местоположение пользователя объем js и css файлов

 

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

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

 

 

 

Как проверить скорость сайта пять инструментов

Чтобы проверить показатели работы сайта самостоятельно можно воспользоваться несколькими средствами:

 

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

    1. GTMetrix — инструмент, который помогает контролировать время отклика по многим показателям. В нем предусмотрены такие тонкие характеристики, как геолокация, браузер. Он дает дельные рекомендации и указывает уязвимости, показывает пути устранения проблем. Обучение работе с этим инструментом требует много времени, однако с его помощью можно добиться прогресса.

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

    1. Pingdom – более простой в плане использования бесплатный интерфейс. Однако он не отличается обилием функций.

    1. Load Impact – инструмент для выполнения нагрузочного тестирования сайта. Все указанные инструменты выполняют тестирование только только фронтенда, в то время как Load Impact работает и с бэкендом.

 

 

 

 

10 способов ускорить свой сайт

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

 

 

1. Уменьшение размера html кода

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

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

С оптимизацией поможет Daruse, сжимающий код без нарушения функции. Сайты на ВордПресс оптимизируются плагином Better WordPress Minify.

 

 

 

2. Оптимизация изображений

Большая часть веб-ресурсов перегружена изображениями. На обработку графических элементов отводится порядка 45% ресурсов, задействованных при загрузке сайта. Оптимизировать графическую часть можно посредством:

 

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

 

 

3. Использование форматов адаптированных под web

WebP и JPEG XR отличаются высоким качеством изображения при маленьком размере. Недостатками использования таких форматов являются поддержка не всеми браузерами и индексация не всеми поисковиками.

 

 

 

4. Внедрение механизма отложенной загрузки изображений

Представляет собой метод, позволяющий отложить загрузку изображения до времени, когда посетитель не пролистает до него. Быстро внедрить эту систему на CMS можно плагином A3 Lazy Load.

 

 

5. Деактивация ненужных плагинов

Ресурсы на CMS имеют одно неоспоримое преимущество – наличие всевозможных плагинов, которые расширяют функционал интернет-ресурса. Однако у этого преимущества есть и «темная сторона»: вебмастера часто теряют контроль над собой, ведь перспектива повысить функциональность – очень соблазнительна. При этом на работу плагинов все же расходуются серверные ресурсы, поэтому рано или поздно это сказывается на скорости загрузки. Чтобы улучшить работоспособность, приходится находить и отключать лишние плагины или выполнять апгрейд самого сервера.

 

 

6. Настройка клиентского кэширования

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

 

 

7. Gzip сжатие

Этот механизм представляет собой кэширование на сервере. Gzip сжатие позволяет уменьшить объем данных, отправляемых пользователю на 50-70%. Включить этот механизм можно следующими способами:

 

  1. Путем редактирования .htacces. Включение происходит путем внедрения кода в конфигурацию веб-сервера. Прежде чем вносить изменения следует обратиться к провайдеру, чтобы согласовать подходящий синтаксис.
  2. Внедрением плагинов. Для ВордПресса лучше использовать GZip Ninja Speed Compression.
  3. Через cPanel.

 

 

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

 

 

 

8. Настройка amp страниц в Google

Гугл давно применяет метод Mobile First Indexing в связи с этим при ранжировании поисковой выдачи основное внимание уделяется мобильной версии. Поэтому SEO для AMP-страниц реализуется путем создания отдельных мобильных версий страниц и связывания их с главными. Google рассказывает о том, как это сделать на страницах своего официального руководства.

 

 

9. Создание турбо страниц в Яндексе

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

 

 

10. Перенос видеоконтента на внешние платформы

Использование видеоматериалов позволяет добавить ему ценности, мотивировать посетителя. Более 60% пользователей с большей охотой приобретают товары после просмотра презентационного видео. Кроме того, видео позволяет продлить время нахождения на сайте и уменьшить вероятность отказа. Однако его использование замедляет загрузку и повышает нагрузку на сервер. И при низкой пропускной способности оборудования, само видео может начать тормозить и долго погружаться. Это определенно снизит качество подачи контента. Поэтому размещать видеоматериалы лучше на стороннем хостинге — YouTube или Vimeo, а после добавлять на свою страницу.

 

 

 

Использование СDN

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

 

 

 

Короткое резюме по ускорению сайта на WordPress

Помимо вышеуказанных способов, для ускорения работы сайта на WordPress существует целый набор способов и инструментов:

 

  1. Использование надёжного фреймворка/темы. Стандартные темы ВордПресса мало весят и быстро работают.
  2. Применение Prefetch.
  3. Удаление Query Strings из статичных ресурсов.
  4. Оптимизация БД, Web-шрифтов, иконок Font Awesome.
  5. Минификация и объединение CSS и Javascript.
  6. Снижение количества Misc HTTP запросов.
  7. Отключение хоткликинга, пингбэков и трекбэков.
  8. Ускорение admin-ajax.php.
  9. Настройка MySQL.
  10. Выбор хорошего хостинга.

 

Совокупность этих способов ускорения работы ресурса — значительно снизит время загрузки.

 

 

 

Заключение

Скорость загрузки сайта — важнейший параметр, от которого зависят как поведенческие показатели сайта (время проведенное на сайте, конверсии), так и выход в ТОП Яндекс и Google. Каким бы замечательным не был проект, медленная загрузка может свести на нет все усилия по его развитию и продвижению.