ПРОВЕРКА СКОРОСТИ ЗАГРУЗКИ САЙТА
Надеюсь ни для кого не секрет, что медленный сайт — убийца продаж!
Когда я беру в работу какой-то новый проект или оффер обязательно проверяю сайт на:
- Адаптивность под разные устройства
- Скорость загрузки
Если сайт не адаптивен, то на компьютере он отобразится правильно. А на телефоне может “поехать” — блоки наложатся друг на друга, шрифт может стать нечитаемым.
Тут все понятно, отправляем ТЗ верстальщику, или переделываем сами, в крайнем случае просто ищем адаптивный лендинг схожей тематики, переделываем картинки, меняем текст и получаем то, что хотели.
Как проверить быстро ли грузится наш лендинг или нет?
В век быстрого "поглощения" контента, и высокой информационной нагрузки на пользователя соц.сети, иметь быстрый и понятный сайт просто необходимо!
Я использую для таких проверок инструмент от Google под названием PageSpeed Insights.
Данные есть как для мобильных устройств, так и для компьютеров. Внизу страницы визуализация загрузки сайта и рекомендации по оптимизации.
Принцип работы:
- Вставьте ссылку на сайт и нажмите "Анализировать"
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.