7 подсказок, чтобы уменьшить время загрузки вашего сайта

Как быстро загружается мой сайт? Сколько посетителю сайта нужно дожидаться завершения загрузки нужной страницы? Необходимо ли уменьшить время загрузки сайта? Могу ли я это сделать? Если вы маркетолог, то это как раз тот круг вопросов, которые должны вас интересовать.

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

• – 47% интернет-пользователей хотят, чтобы веб-страницы загружались в течение двух секунд;
• – 40% пользователей покинут страницу, если время ее загрузки превысит три секунды;
• – 52% интернет-покупателей говорят о том, что склонны больше доверять веб-сайтам с быстрой загрузкой.

Но это только начало. Исследование Akamai и Gomez показывает, что 79% пользователей никогда не вернутся на сайт, у которого возникают проблемы с загрузкой. Более того, 44% этих пользователей поделятся негативными впечатлениями со своими друзьями и порекомендуют им держаться подальше от этого сайта. Таким образом, можно потерять не только фактических посетителей сайта, но и потенциальных.

• Читайте также “Как создать портрет потенциального клиента?”

В исследовании также приводятся данные о том, что у сайтов, загружающихся за 3 секунды, на 22% меньше просмотров страниц, на 50% выше показатель отказов и почти на 22% ниже конверсия по сравнению с теми, продолжительность загрузки которых составляет не больше секунды. Если ваш сайт загружается за 5 секунд, статистика будет еще более удручающей: просмотров страниц будет меньше на 35%, показатель отказов превысит 105%, а уровень конверсии снизится на 38%.

Некоторые эксперты пошли дальше и проанализировали так называемое терпимое время ожидания пользователями загрузки страниц сайта. Например, отчет Strange Loop демонстрирует, что в пиковые периоды трафика более 75% онлайн-покупателей предпочтут перейти на сайт конкурента, чем томиться в ожидании загрузки. Тем не менее, отчет содержит несколько советов, позволяющих дольше удерживать внимание посетителей сайта. К примеру, наличие прогресс-бара, индикатора выполнения процессов может побудить пользователей оставаться на вашем сайте до 38 секунд.

• Читайте также “Почему посетители покидают ваш сайт без конверсии?”

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

Как уменьшить время загрузки сайта?

1. Минимизируйте запросы браузера

По данным специалистов Yahoo 80% времени уходит на загрузку различных компонентов страницы, включая таблицы стилей, изображения, скрипты, flash-анимацию и т. д. Помните, что для каждого из этих компонентов требуется отдельный HTTP-запрос. Следовательно, чем больше подобных элементов на странице, тем дольше будет происходить ее полная загрузка.

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

• – Использовать меньшее количество элементов на каждой странице.
• – Заменить изображения на CSS-свойства там, где это возможно.
• – Объединить несколько CSS-элементов.
• – Сократить скрипты или убрать их там, где это возможно.

2. Снизьте количество плагинов

Плагины могут быть особенно полезными на таких CMS, как WordPress, однако они способны серьезно замедлить скорость загрузки сайта. Более того, чрезмерное их количество создает лишние проблемы при обеспечении безопасности сайта и другие технические трудности.

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

3. Уменьшите размер страниц

Размер страниц сайта зачастую не берется во внимание, а ведь он может существенно сказываться на продолжительности его загрузки. С возросшей потребностью в создании качественного контента повышается вероятность получить на выходе очень объемную страницу порядка 100 кб и более. Такие страницы громоздки и поэтому требуют больше времени для загрузки.

• Читайте также “Какой вид контента необходим вашему корпоративному блогу”

Для того чтобы снизить вес страниц без ущерба для качества контента, используется метод сжатия. В процессе сжатия уменьшается размер каждого файла, тем самым сокращается время HTTP- отклика. Распространенным методом для эффективного сжатия страниц сайта является GZip. Кроме того, большинство современных браузеров поддерживают GZip-сжатие! Статистика Yahoo показывает, что этот прием позволяет увеличить время загрузки на 70%.

4. Включите кэширование браузером

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

Тенни Тойрер (Tenni Theurer), ранее сотрудничавший с Yahoo, поясняет, что кэширование может уменьшить время загрузки сайта до 40%. Это связано с тем, что большинство элементов страницы, как правило, уже сохранены браузером пользователя, поэтому при последующих посещениях остается подгрузить лишь малую часть.

5. Минимизируйте вес изображений

Для картинок важны три фактора: размер, формат и атрибут src.

Размер изображения

Большие изображения загружаются дольше, поэтому размер картинок должен быть как можно меньше. Добиться этого можно несколькими способами: обрезать изображение, уменьшить цветовую насыщенность или удалить комментарии к изображению.

Формат изображения

Всегда используйте формат JPEG там, где это возможно. Поскольку такие картинки легче, они быстрее отображаются браузером. Изображения в формате PNG тоже хороши, но могут не поддерживаться старыми браузерами. Что касается расширения GIF, то его лучше использовать только для небольших по размеру картинок, в случае с простой графикой или для анимированных изображений. Рекомендуем избегать таких форматов, как BMP и TIFF.

Атрибут src

Атрибут src используется в кодировке, задает URL-адрес изображения в теге и прописывается в кавычках. Запись выглядит так: <img src =””>. Обязательно указывайте адрес картинки в кавычках, не оставляйте их пустыми. В противном случае браузер будет отправлять запрос на фактическую страницу, излишне нагружая сервер и увеличивая тем самым время загрузки.

• Читайте также “Хотите увеличить конверсию блога? Воспользуйтесь нашими стратегиями веб-дизайна”

6. Сократите редиректы

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

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

7. Используйте сеть доставки контента (CDN)

Если ваш сайт крайне популярен, и вы опасаетесь, что применение других вышеперечисленных стратегий может негативно сказаться на потоке трафика и конверсии, вам необходимо обратить внимание на CDN. Использование различных CDN, как например CloudFront, CacheFront или MaxCDN сродни тому, что вы перекладываете все заботы по доставке контента на другие плечи, чтобы сконцентрироваться на более насущных вопросах. Веб-серверы CDN доставляют контент в зависимости от местоположения пользователя. Чем ближе к пользователю расположен сервер, тем быстрее будет загружаться сайт.

Заключение

Ни одна компания не должна терять трафик и упускать конверсию из-за проблем с загрузкой сайта. Проверьте скорость загрузки с помощью Google Web Analytics или плагина Google Analytics от Yoast для WordPress и подберите для себя оптимальный способ, который поможет уменьшить время загрузки сайта.