Скорость загрузки сайта: что влияет, как проверить и как улучшить показатель

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

Скорость загрузки страницы – важность вопроса и показатели нормы

Какой должна быть скорость загрузки страницы в секундах? Чем она выше, тем лучше. Усредненный стандарт составляет две-три секунды: в течение этого срока должна полностью загрузиться основная часть контента.

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

Важно! Поисковики, неважно, Яндекс это или Гугл, заботясь о качестве поисковой выдачи, с неохотой показывают медленные сайты, располагая их ниже скоростных конкурентов.

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

  • Вероятность ухода пользователя при загрузке страницы со скоростью до 3 секунд – 32% максимум;
  • До 5 секунд – до 90%.

Количество потерянных посетителей у медленных сайтов всегда велико.

Важно! Представители Amazon определили, что снижение скорости загрузки страниц на 100 мс.приводит к падению уровня продаж интернет-магазинов на 1%.

Что оказывает влияние на скорость загрузки?

За загрузку страниц сайтов отвечают:

  • Сервер, на котором физически находятся файлы веб-ресурса;
  • Пользовательский браузер.

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

Основные факторы, «тормозящие» сайты:

  • Сервер располагается в большом удалении от пользователя. Предположим, пользователь находится во Владивостоке, а физический сервер с файлами работает в Краснодаре;
  • Большое количество файлов. Для демонстрации контента браузер вынужден загружать многочисленные шрифты, скрипты, стили, иллюстрации;
  • Внушительный вес файлов. Даже при небольшом количестве самого контента, он может долго «подгружаться» из-за своей массы;
  • Медленный CMS. Код движка может быть разработан некачественно;
  • Медленный сервер. Говорить можно, например, о малом количестве ядер процессора или нехватке оперативки.

Выполнять анализ скорости загрузки страницы следует регулярно. Так как показатели скорости нестабильны.

Как проверить скорость загрузки страниц?

Измерить скорость загрузки страницы можно бесплатно при помощи таких сервисов, как:

  • me;
  • LoadImpact;
  • WhichLoadFaster;
  • PingdomTools;
  • PageSpeedInsights от Гугл;

Инструменты определяют один, несколько или все из следующих показателей:

  • Время полной загрузки веб-странички;
  • Период загрузки базовых составляющихконтента (фактическийсрок загрузки);
  • Время начала отображения материала (рендеринга, первых цветов);
  • Скорость получения TTFB (начального байта).

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

  • Тестируйте самую популярную страницу;
  • Используйте различные инструменты проверки и в разные часы/дни. Многие сервисы не просто показывают скорость загрузки страничек. Но и дают полезные рекомендации по ее увеличению для конкретных сайтов;
  • Проводите тест анализ скорости загрузки страниц сайта с территории, с которой на ресурс приходит максимум пользователей (если ваши посетители – из РФ, проверить скорость загрузки страницы также из России);
  • Применяйте разные устройства для тестирования скорости (компьютер, несколько смартфонов).

Если скорость загрузки страницы недостаточно высока, увеличьте ее.

Как увеличить показатели?

Если проверка скорости загрузки страницы показала плачевные результаты, увеличить быстродействие сайта можно следующими способами:

  1. Оптимизируйте информационные базы и скрипты. Загружаясь, сайт передает браузеру пользователя генерируемый серверомHTML-код. Некачественный CMS станут собирать контент длительный срок, используя «заторможенные» алгоритмы программирования, посылая информационным базам и файлам ненужные запросы. Выбирая движок, рассматривайте гарантированно грамотные варианты:MODx,WordPress,Битрикс. После установки, не забывайте время от времени обновлять движок.
  2. Оптимизируйте работу сервера. Еслискорость загрузки страницы Яндекс, Гугл или другого поисковика недостаточно высока, совершенствуйте параметры сервера. Например, путем замены процессора или добавлением оперативки. Рекомендуется также обновление модулей и удаление тех, что уже не используются. Если хостинг – виртуальный и доступа к его настройкам у вас нет, перейдите на более дорогостоящий тарифный план с лучшими тех. характеристиками.
  3. СократитеHTML-код. Рекомендовано для длинных страниц – больших списков товаров, масштабных статей блогов. Выполнить настройку CMS можно с помощью соответствующего плагина. Для Joomla это будет, например,HTMLMinifier.

Чтобыскорость загрузки страницы в секундахбыла достаточно высока, используйте на сайте один и тот же шрифт (по мере возможности). Выбирайте современные форматыотображения шрифтов woff2 иwoff, отказавшись от svg, eot, ttf (помимо прочего, могут отображаться браузерами некорректно).

  1. Уменьшите количество обращений к серверу (http-запросов). Удалите лишние скрипты и счётчики, другой «мусор» из кода, настройте кэширование браузера. Объедините в один файл разные скрипты (например, для всплывающих подсказок, модальных окон и слайдера). В случае с большинством движков для этого можно использовать соответствующие плагины. К примеру, Autoptimize для WordPress.
  2. Используйте сеть доставки контента CDN. Информация браузерам пользователей станет поступать с ближайшего, а не основного сервера.
  3. Минимизируйте js- и css-файлы. Уменьшите объем файлов, удалив комментарии, пустые строчки, пробелы, выбрав сокращенные имена для переменных. Учтите, что браузеру неважно, с каким файлом он работает – сжатым или обыкновенным. Тогда как вес файла первого типа существенно меньше.

У известных библиотек и плагинов всегда есть минимизированные варианты стилей и скриптов. Подключайте их, и вы заметите разницу: так, сжатая и обыкновенная версии jQueryскрипта весят 85 Кб и 265 Кб соответственно.

Важно! Сжатие файлов приводит к снижению их читаемости. Кроме того, изменять минимизированные файлы непросто, а работать с ними не слишком удобно. Так как они представляют собой единую сплошную строчку. По этой причине сжимать скрипты нужно при помощи плагинов, соответствующихCMS сайта.

  1. Выполните кэширование со стороны браузера. При загрузке веб-ресурса, браузер пользователя сохраняет определенный объем данных (иллюстрации, коды) с него в собственную кэш-память. Благодаря этому, повторно заходя на страницу или работая с другими материалами ресурса, он не запрашивает те же данные у сервера вновь. Загрузка из кэша осуществляется быстрее, чем с сервера. В настройках браузера присутствует опция «очистки». Используйте ее регулярно.
  2. Проводите Gzip-сжатие. Gzip – инструмент, который позволяет сжимать файлы сервера (сравнить его можно с программойzip-архивов для ПК). При работающемGzip, сервер перед отсылкой кода страницы браузеру, изначально проведет архивацию файлов. Сжатые данные «двигаются» между сервером и браузером гораздо оперативнее. ПолучивGzip-сжатый архив от сервера, пользовательский браузер моментально распакует его на компьютере.
  3. Оптимизируйте иллюстрации. Изображения, которые не были оптимизированы, являются наиболее «тяжеловесной» составляющей контента на любом сайте. Проведите оптимизацию картинок и фотографий, и скорость загрузки страниц заметно возрастет.

Советы по оптимизации картинок и фото:

  • Масса (Кб). Перед выгрузкой на сайт, иллюстрации и фотографии необходимо сжимать. Для этого можно использовать любой редактор изображений, предположим, Фотошоп, или веб-инструмент, типа Optimizilla;
  • Высота и ширина. Фото, шириной в 5 000 пикселей, стоит сокращать до 1 600 пикселей (в среднем);
  • Превью к «тяжелым» изображениям. При наличии, например, многочисленных фото с товарами и страницы с перечислением продукции, выполните preview(сжатые фотографии товара).

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

Поделитесь Вашим мнением в коментариях