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

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

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

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

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

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

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

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

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

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

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

PageSpeed Insights

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

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

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

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

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

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

Pingdom Tools

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

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

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

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

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

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

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

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

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

WebPageTest

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

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

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

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

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

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

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

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

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

• Оптимизация базы данных. Приведите базу данных к структуре, при которой запросы к содержимому не нагружают её.

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