click fraud detection
click fraud detection
Blog Case

Скорость загрузки сайта

BLOG
CASE
568
0
4/ 5stars
4/5

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

Зачем увеличивать скорость загрузки сайта

Представьте, что ищете какой-либо товар. Например, шуруповёрт. Пытаетесь зайти на сайт, но он не открывается 1, 2, 3, 4 секунды, вот уже 5-я пошла… Будете ждать? Вряд ли, ведь можно зайти к конкуренту в выдаче, у которого сайт загрузится за полторы секунды. Это самый простой пример, почему нужно оптимизировать скорость загрузки сайта.

Какой должна быть скорость загрузки сайта в секундах

скорость загрузки

1–3 секунды. Отличный результат. При такой загрузке ресурс будет собирать новых пользователей из органической выдачи, а количество отказов станет минимальным.

4–7 секунд. Нормальный результат, но лучше добиться показателей, указанных выше.

Более 10 секунд. Ваш сайт — это огромная дыра в кармане, через которую постепенно утекают ваши деньги, при этом прибыли с этой стороны ждать точно не придётся.

Порядок загрузки сайта

В загрузке данных участвуют:

  1. Пользователь со своим браузером.
  2. Веб-сервер, на котором располагаются все данные сайта.

Очень часто проблема появляется на стороне сервера. Смотрите, как это работает. Пользователь нажимает на ссылку, и процесс начинается:

  • посетитель переходит по ссылке, запрашивая у сервера данные, который в ответ отправляет сформированный HTML-документ;
  • далее подгружаются стили. CSS отвечает за внешний вид сайта: расположение блоков, цветовое оформление, отображение контента, базовую анимацию и т. д.;
  • затем поступает запрос к JS-файлам. JavaScript частично отвечает за логику работы сайта и интерактивность (обрабатывает, корректно ли заполнены HTML-формы без отправки данных на сервер, взаимодействует с пользователем, добавляет анимацию и проч.);
  • подключение шрифтов. Преображается контент, текст приобретает оригинальное начертание. Если они не подгружаются, тогда браузер подключает шрифты по умолчанию (у каждого веб-обозревателя свой стандартный набор);
  • загрузка изображений. Если путь к картинкам прописан правильно, они загружаются без всяких проблем.

Трудности могут возникнуть при загрузке данных на любом этапе.

Как проводится СЕО-аудит
КОМПЛЕКСНЫЙ АУДИТ САЙТА

Аудит сайта — это анализ и изучение сайта с целью выявления всех ошибок и факторов, оказывающих влияние на техническую и коммерческую успешность интернет-проекта.

ЗАКАЗАТЬ АУДИТ САЙТА

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

  1. Сервер. Что это такое? По сути, тот же компьютер, только более мощный. У сервера, как и у ПК, может не хватать оперативной памяти, ядер или мощности процессора для обработки входящих данных. Как решается? Если есть проблемы с сервером, нужно просто сменить поставщика услуг, то есть ваш хостинг.
  2. Тяжёлые файлы. Сюда входит всё: от JS и CSS до шрифтов и картинок. Всегда помните о размере файлов, размещаемых на сайте. Их небольшой размер — залог быстрой загрузки страниц.
  3. Медленная CMS. Этот фактор актуален только в том случае, если вы используете малоизвестный движок. Если у вас сайт на WP, Joomla, Drupal, MoDX и так далее, можете не беспокоиться об их качестве, причина медленной загрузки скрывается в других факторах.

С основными проблемами разобрались, осталось понять, как проверить и как увеличить скорость загрузки страниц сайта.

Инструмент для проверки

page speed insights

Для выявления скорости ответа сервера и подгрузки данных используется специальный сервис — Google PageSpeed. Используя это приложение, вы получите сведения о времени ответа сервера и отображения контента, а также об основных ошибках, которые мешают быстрой загрузке.

Информация в сервисе отображается отдельно для мобильных устройств и компьютеров. Когда сайт в зелёной зоне — всё в порядке, если в жёлтой или красной — пора принимать меры.

Как увеличить скорость загрузки страницы

работы по оптимизации скорости

Google PageSpeed даст полезную информацию, пользуясь которой можно самостоятельно устранить недостатки. Вы можете:

1. Сжать изображения

Главные характеристики:

  • размер. Для обычных целей достаточно картинок размером до 1600 px, исключение — лупа в интернет-магазинах, там нужно более высокое качество;
  • «вес» картинок. Любое изображение можно сжать без видимых потерь качества. Это делается с помощью «Фотошопа» или специальных онлайн-сервисов.

Оптимальные размеры для изображений:

  • в каталог — до 7 КБ;
  • для карточек товаров — до 18 КБ;
  • для просмотра в увеличенном виде — 920 КБ.

Представьте, какой будет загрузка, если в превью товаров в каталоге добавить исходные изображения по 920 КБ.

2. Включить gzip-сжатие

Скорость передачи файлов обычно медленнее, нежели распаковка, поэтому с помощью gzip-сжатия можно ускорить работу сайта. Данные архивируются на сервере и передаются затем браузеру, который распаковывает их и показывает пользователю веб-страницу. Однако есть небольшое «но». Этот процесс может перегружать сервер, поэтому рекомендуется проверить скорость загрузки ресурса до и после включения gzip. Проверить, включено ли сжатие, можно всё тем же PageSpeed. Если gzip активно, программа напишет: «Внедрены приёмы оптимизации скорости загрузки сайта».

Как подключить сжатие?

Нужно добавить в конец файла .htaccess строки кода:

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

После этого ещё раз проверьте сжатие в PageSpeed.

3. Настроить кэширование

Нужно задать, какие файлы должны попадать в кэш браузера, чтобы при повторной загрузке страниц пользователю не приходилось снова ждать подгрузки всех данных. Для настройки снова идём в .htaccess и добавляем код:


ExpiresActive On
ExpiresDefault "access plus 1 month"

ExpiresByType image/gif "access plus 2 months"
ExpiresByType image/jpeg "access plus 2 months"

Можно добавлять для кэширования любые расширения файлов.

4. Сжатие CSS и JS

Минимизация веса CSS и JS-файлов предполагает удаление из них всего лишнего: пустых строчек, комментариев, применение более коротких переменных. Эту работу лучше доверять профессиональным программистам.

Как добиться положительных результатов в оптимизации скорости загрузки сайта

Обращайтесь в Wezom. Мы решим любую задачу, связанную с оптимизацией скорости загрузки и общим продвижением ресурсов в поиске. Обращайтесь к консультантам — они расскажут, как мы сделаем ваш сайт успешным.

У ВАС ОСТАЛИСЬ ВОПРОСЫ?

Оставьте ваши контактные данные. Наш менеджер свяжется и проконсультирует вас.

ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ

Наш менеджер свяжется с Вами в ближайшее время

4/5
Проголосовало людей: 1
СОДЕРЖАНИЕ
СТАТЬИ
Зачем увеличивать скорость загрузки сайта
Какой должна быть скорость загрузки сайта в секундах
Порядок загрузки сайта
Инструмент для проверки
Как увеличить скорость загрузки страницы
Как добиться положительных результатов в оптимизации скорости загрузки сайта
Низкая посещаемость сайта: причины и решение
В этой статье мы собрали несколько ключевых причин, из-за которых сайт может терять посетителей, а…
Алексей Варламов
Алексей Варламов
Перенос сайта на новую CMS без потери позиций и трафика
Основной риск, связанный с переездом, – просадка веб-ресурса по позициям, а некоторые важные страницы могут…
Алексей Варламов
Алексей Варламов
Как проводится СЕО-аудит
SEO – это оптимизация интернет-ресурса под поисковые системы. Выполняется она для эффективного продвижения сайта, занятия…
Алексей Варламов
Алексей Варламов
Что такое 301 редирект и как правильно настроить его
Redirect 301 – это инструмент, который применяют при изменении URL-адреса страницы или при переезде сайта…
Алексей Варламов
Алексей Варламов
ПОЛУЧАТЬ ИНТЕРЕСНЫЕ СТАТЬИ
Уже подписались 251 человек
Автор
568
0
Политай Владислав
Политай
Владислав
Возможно
Продвижение сайта с нуля — проблема, волнующая умы многих начинающих и опытных предпринимателей. Оптимизация нового…
Алексей Варламов
Алексей Варламов
Продолжаем совершенствовать наше мастерство в работе с Яндекс.Вебмастером! В этом видеоуроке, мы научимся определять и…
Алексей Мищенко
Алексей Мищенко
Что же такое мобильная выдача, и чем она отличается от ПК выдачи? Наверняка многие сталкивались…
Сергей Мищенко
Сергей Мищенко
Давайте начнем
беседу!
КОММЕНТАРИИ0
ОСТАВИТЬ КОММЕНТАРИЙ К СТАТЬЕ
ПОДПИСЫВАЙТЕСЬ НА РАССЫЛКУ АЙТЫЖБЛОГ
ХОТИТЕ ПОЛУЧАТЬ 
ИНТЕРЕСНЫЕ СТАТЬИ?
Уже подписались 251 человек
313
ПОПИСЧИКОВ
ЧИТАТЬ
4295
ПОПИСЧИКОВ
СЛЕДИТЬ
9307
ПОПИСЧИКОВ
СЛЕДИТЬ