Посетители закрывают медленные сайты, что делать?

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

Сайты с медленной загрузкой до сих пор являются одной из основных проблем digital-индустрии.

По данным Google, среднее время загрузки мобильного сайта в Европе – 9,124 секунды, что на 6 секунд больше рекомендованной скорости. В России средняя скорость загрузки сайта составляет 8,784 сек.

Согласно исследованию Adobe, пользователи мобильных устройств могут закрыть просматриваемый сайт, если:

• Контент грузится слишком долго (47%),
  

• На странице представлен очень объемный контент, нужно время для его просмотра (47%), 

• Не работают ссылки и кнопки (45%),
  

• Не загрузились изображения (44%), 

• Контент не отображается на устройстве должным образом (34%).

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

В Рунете число пользователей, предпочитающих мобильные устройства, стремительно растет. 67млн человек пользуются мобильными устройствами для веб-серфинга наряду с десктопами. 16 миллионов россиян в возрасте от 16 лет и старше (13,2%) пользуются интернетом только на мобильных устройствах. Выше всего доля «только мобильных» пользователей – среди группы до 30 лет (18,4%).

Так что если вы еще не проверили свой сайт на скорость загрузки, самое время это сделать. В сети есть огромное количество сервисов, которые позволяют это сделать. Самый популярный из них - Google Page Speed.

Проблемы скорости загрузки сайта и их решение

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

• Большой размер HTML-кода. Чтобы сайт грузился быстрее, нужно уменьшить размер HTML кода до 100-200 килобайт. Для этого удалите повторяющиеся пробелы, лишние знаки, комментарии, переносы слов и т.п. Сделать это можно прибегнув к помощи специальных программ (DARUS, W3 Total Cache и др.) или вручную.
• Тяжелые картинки. Как хочется порой наполнить сайт красивыми и яркими картинками, на которых будет хорошо виден товар или картинка будет соответствовать предлагаемой услуге, но зачастую бывает так, что именно эти изображения утяжеляют сайт, не дают ему открыться полностью и лишают терпения пользователей. Чтобы избавиться от этой проблемы, не нужно удалять имеющиеся картинки, достаточно применить один из трёх механизмов (а можно и все три):
  • провести компрессию фото с помощью специальных программ;
  • использовать специальные форматы изображений (WebP и JPEG-XR);
  • применить механизм отложенной загрузки изображений.
• Ненужные плагины. Дополнительные плагины позволяют расширить функционал сайтов и сделать их более эффективными в применении, но в то же время, лишние программы увеличивают объем запросов в базу данных, следовательно, повышается время открытия страницы. Для решения данной проблемы нужно отключить ненужные плагины или использовать переход на тариф хостинга.
• Объемный контент. Для уменьшения объема контента нужно использовать HTTP-компрессию, которая позволяет объединить данные веб-страницы в один файл.
• Тег стиля страницы находится ниже тега HTML- документа. Решается эта проблема легко, нужно переместить тег стиля выше тега документа. Данное перемещение позволит стилям отображаться постепенно на странице.
• Не используется кэширование веб-страниц. При использовании системы управления контентом стоит применять кэширование баз данных и запросов на веб-страницы. Это позволит увеличить скорость открытия страницы и уменьшить нагрузку на сервер. При кешировании браузера вместо перезагрузки файлов каждый раз, когда кто-то посещает сайт, будут загружаться локальные версии файлов. Это особенно хороший способ произвести хорошее впечатление на постоянных посетителей.
• Использование 301 редиректа. Используя 301 редирект, вы заставляете браузер переходить на новый адрес, тем самым увеличивая время загрузки страницы в несколько раз. Сократите применение 301 редиректа, а лучше полностью уберите его.
• Совмещение стилей и скриптов на одном HTML- документе. Решить проблему можно размещением этих элементов на внешних файлах.
• Большой объем дополнительных ссылок. Добавляя в HTML-документ дополнительные ссылки, вы увеличиваете объем запросов на другие серверы, тем самым утяжеляя страницу. Чем меньше ссылок, тем легче и подвижнее страница.
• Отсутствие flush-функции. Данная функция позволяет загружать информацию о странице плавно, не оставляя пустых мест и пробелов. Данную функцию применяют для объёмных интерфейсов с большой посещаемостью.
• CSS. Файлы CSS могут играть важную роль на веб-сайтах. К сожалению, их строки кода часто бывают длинными. Разработчикам нравится CSS, потому что с ним легко работать. Однако избыточный код замедлит страницы. Вот почему рекомендуется позволить разработчикам работать с CSS, но удалить ненужный дополнительный код в качестве последнего шага перед фактической публикацией страницы на сайте.
  
• JavaScript. Отсрочка загрузки JavaScript просто означает разработку страниц так, чтобы большие файлы JavaScript не загружались, пока не загрузятся другие файлы. Это эффективный способ повысить скорость страницы, и его также легко реализовать, если использовать WordPress; плагины, такие как WP Rocket, они позволяют просто установить флажок, который указывает, что хотят отложить загрузку JavaScript перед публикацией страницы.
  
• Уменьшить размер изображений. Некоторые ошибаются, полагая, что им следует удалить изображения со своих страниц, чтобы повысить скорость загрузки. Это понятное предположение, но оно идет вразрез с лучшими практиками SEO. Изображения просто делают контент более динамичным. На веб-сайте для бизнеса они также играют важную роль, отображая товары в яркой и увлекательной форме. Однако следует максимально сжать изображения без ущерба для качества.

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