Полезное
December 22, 2020

​ПРОВЕРКА СКОРОСТИ ЗАГРУЗКИ САЙТА

Надеюсь ни для кого не секрет, что медленный сайт — убийца продаж!

Когда я беру в работу какой-то новый проект или оффер обязательно проверяю сайт на:

  • Адаптивность под разные устройства
  • Скорость загрузки

Если сайт не адаптивен, то на компьютере он отобразится правильно. А на телефоне может “поехать” — блоки наложатся друг на друга, шрифт может стать нечитаемым.

Тут все понятно, отправляем ТЗ верстальщику, или переделываем сами, в крайнем случае просто ищем адаптивный лендинг схожей тематики, переделываем картинки, меняем текст и получаем то, что хотели.


Как проверить быстро ли грузится наш лендинг или нет?

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

Я использую для таких проверок инструмент от Google под названием PageSpeed Insights.

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

Принцип работы:

  1. Вставьте ссылку на сайт и нажмите "Анализировать"

2. Пролистываем к разделу "Имитация загрузки страницы"

3. Смотрим на первые 4 показателя:

First Contentful Paint (Первая отрисовка контента) - время между началом загрузки страницы и появлением первого изображения или блока текста.

Speed Index (Индекс скорости загрузки) - показывает, как быстро на странице появляется контент.

Largest Contentful Paint (Отрисовка крупного контента) - время, требуемое на полную отрисовку крупного текста или изображения.

Time to Interactive (Время загрузки для взаимодействия) - время, нужное для полной готовности для взаимодействия с пользователем.

Оптимальное время загрузки сайта - 2-3 сек. Идеальное - время реакции пользователя, то есть, 0,5-1 сек. Сейчас на сайтах много элементов, и оптимальная скорость может отличаться.

В основном в моей работе все упирается в большое количество визуального контента (картинки).

Я использую сервисы для сжатия картинок (пример: iloveimg.com ), их огромное множество, все работают практически одинаково. Сжимаем картинки, перекидываем обратно на сайт и время загрузки может сократиться до 70%.

👉 Ссылка на сервис от Google - PageSpeed Insights.