20 сентября 2018
10 мин на чтение
278

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

author__photo
Елизавета Теряева
Редактор блога
Нет времени читать?



Зачем проверять скорость загрузки страниц

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

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

  • Показатель отказов (bounce rate)
  • Глубина просмотра страниц
  • Длительность сессии

И несколько других. Подробнее об этом читайте в статье Поведенческие факторы на сайте.

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

caltouch-platform

Эффективный маркетинг с Calltouch

  • Анализируйте воронку продаж от показов рекламы до ROI от 990 рублей в месяц
  • Отслеживайте звонки с сайте с точностью определения источника рекламы выше 96%
  • Повышайте конверсию сайта на 30% с помощью умного обратного звонка
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Добавьте интеграцию c CRM и другими сервисами: более 50 готовых решений
  • Контролируйте расходы на маркетинг до копейки

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

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

За скорость загрузки веб-разработчики ведут нешуточную борьбу, прибегая к различным инструментам анализа и повышения качества данного параметра. Как это происходит на практике — далее.

Обзор сервисов для проверки скорости загрузки сайта

PageSpeed Insights

PageSpeed Insights

Продукт от Google, работает и для десктопных сайтов, и для мобильных. В начале общий результат отображается по шкале от 1 до 100, где 100 — идеальная ситуация, в которой скорость загрузки стремится к нулю, причём иногда его достижение реально. В обоих случаях даётся развёрнутая аналитика по перечню значимых факторов и рекомендации по каждому:

  • Данные наблюдений
  • Origin Summary
  • Имитация загрузки страницы
  • Оптимизация
  • Диагностика
  • Успешные аудиты

С помощью Lighthouse инструмент эмулирует 3G-сеть для загрузки сайта. В разделе имитации загрузки отмечаются следующие параметры:

  • Время загрузки первого контента
  • Индекс скорости загрузки
  • Время загрузки для взаимодействия
  • Время загрузки достаточной части контента
  • Время окончания работы ЦП
  • Приблизительное время задержки при вводе

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

Глубина вложенности критических запросов

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

Pingdom Tools

Бесплатный инструмент в рамках комплексного сервиса Pingdom. Имеется лишь англоязычная версия, но это не существенный аспект, ведь функционал довольно продвинутый и даёт ясное понимание положения дел.

Pingdom Tools

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

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

Далее последует раздел Improve page performance, в котором будут даны чёткие рекомендации по улучшению содержимого страницы с точки зрения кода, необходимые для оптимизации скорости загрузки.

После тестирования Response code 200 — кода ответа страницы — располагается раздел с указанием веса элементов сайта по категориям:

  • скрипты
  • HTML
  • шрифты
  • изображения
  • CSS

Тут же имеется таблица с размерами разных категорий загружаемой страницы и количество обращений к категориям контента.

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

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

WebPageTest

Запуск осуществляется после указания адреса страницы, ввода геолокации и браузера.

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

Основные инструменты анализа — диаграммы, где отображена последовательность загрузки всех элементов с разбивкой на этапы. На некоторой позиции устанавливается фиолетовая вертикальная линия — момент полной отрисовки сайта. Затем — синяя линия — окончательная загрузка. Соответственно, их расположение не должно превышать 2-3 секундной отметки. Показатели весьма условные и предостерегают только от экстремальных случаев. В целом, следует минимизировать и то, и другое время.

WebPageTest waterfall

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

WebPageTest test results

Другие инструменты

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

  • GTmetrix
  • Load Impact
  • PR-CY
  • Monitis Tools

Рекомендации по увеличению скорости загрузки

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

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

Результаты проделанной на сайте работы помогут проанализировать продукты Calltouch.

caltouch-platform

Сквозная аналитика

 от 990 рублей в месяц
  • Автоматически собирайте данные с рекламных площадок, сервисов и CRM в удобные отчеты
  • Анализируйте воронку продаж от показов до ROI
  • Настройте интеграции c CRM и другими сервисами: более 50 готовых решений
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды
Оцените
Как увеличить скорость загрузки сайта
5 (100%) 1 vote
Поделитесь с друзьями
Подпишитесь на обновления
Нажимая на кнопку "Подписаться", вы даёте своё согласие на обработку персональных данных.
Пришлите свою статью

Комментарии:

Рекомендуем прочитать
Бесплатный вебинар
Как оптимизировать расходы на рекламу и привлечь целевую аудиторию на сайт
Записаться
У нас тут cookies…
На сайте используются файлы cookies. Продолжая использование сайта, вы соглашаетесь с этим. Подробности об обработке ваших данных — в политике конфиденциальности.