Скорость с которой сервер отвечает на запрос — это основной показатель при оптимизации работы сайта. В этом материале разберем как узнать скорость загрузки сайта и с помощью чего можно его улучшить.
Для чего нужен TTFB
Показатель TTFB или Time To First Byte — это время, которое тратит сервер для обработки первого байта информации в ответ на HTTP-запрос. С помощью него оценивают производительность сайта. TTFB занимает главное место среди метрик веб-ресурса.
Специалисты из компании MOZ, которая предоставляет базу SEO и маркетинговых инструментов, провели исследование относительно связи показателя TTFB в позицией сайта в поисковой выдаче. Анализ показал, что при медленной загрузке страниц увеличивается показатель отказов. Для бизнеса нежелание клиентов ждать загрузки сайта приводит к большим денежным потерям.
Компания Google разработала рекомендации по продуктивному TTFB. Для увеличения количества конверсий показатель должен оставаться в пределах 50-200 мс. Если на отклик с сервера тратится больше времени, стоит найти и устранить причину задержки.
Методы определения TTFB
Специалисты используют несколько способов для определения показателя.
Консоль DevTools браузера
Для проверки TTFB сайт открывают через браузер в котором он разрабатывается. В случае взаимодействия с Google Chrome на ОС Windows, нажимают «Ctrl+Shift+I», переходят на вкладку Network, а затем нажимают на Doc. Для просмотра результата страницу перезагружают, ищут Waterfall, при нажатии на который появляются различные данные, в том числе Waiting for server response. Полученное значение будет тем самым показателем TTFB.
Для вызова консоли разработчика в разных браузерах используют комбинации клавиш:
- Ctrl+Shift+i для Opera;
- Cmd+Opt+C при использовании Safari;
- F12 для Microsoft Edge или Mozilla Firefox;
- Cmd+Opt+J открывает консоль в Google Chrome, установленного на Mac.
Встроенные инструменты разработчика позволяют узнать нужные параметры без установки дополнительных программ.
Google Analytics
Сервис Google Analytics позволяет быстро получить значения TTFB. Для анализа заходят в раздел «Поведение», выбирают пункт «Скорость загрузки сайта», и первый подпункт «Обзор». Появится окно с информацией, среди которой будет значение среднего времени ответа сервера.
У Google Analytics есть существенный недостаток: сервис измеряет TTFB, опираясь на реальные данные посетителей сайта. То есть на показатель влияет скорость интернета, производительность девайса, с которого пользователь осуществляет вход, и многие другие параметры. Метод не сможет точно указать на источник проблемы.
Сторонние инструменты
Разработано много инструментов и онлайн-сервисов для тестирования производительности сайтов, где отмечается параметр TTFB:
- WebPageTest. В строку для поиска на главной странице сервиса вводят URL своего сайта, нажимают на старт. В отчете Observed Metrics или Page Performance Metrics есть значение First Byte, которое соответствует параметру TTFB и указывается в секундах.
- GTmetrix. Работает похоже на предыдущий сервис. В окошко вводят адрес сайта, запускают тестирование, результаты ищут во вкладке Performance. Для просмотра TTFB переходят в раздел Browser Timings и смотрят на Time to First Byte. Бесплатный инструмент работает лучше с западными сайтами.
- Netpeak Spider. Хороший SEO анализатор, позволяющий оптимизировать работу веб-ресурса. При проверке URL сайта выдает отчет с различными параметрами, где отдельным столбиком будет отмечаться время ответа сервера.
Кроме этих инструментов существуют: Pingdom Website Speed Test, Serpstat, расширение Web Vitals для Chrome, Lighthouse, Google PageSpeed Insights и другие. Во время проверки стоит смотреть не только на показатели главной страницы. В идеале надо проверять все URL своего веб-ресурса, потому что время загрузки каталога, статьи из блога или конкретного товара может быть разным. Своевременный анализ помогает в поиске и решении проблемы.
Причины задержки ответа сервера
На производительность сайта и повышение показателя Time To First Byte могут действовать различные, в том числе технические причины:
- Медленный хостинг сайта. Недостаточная мощность хостинга влияет на загрузку страницы. Если сервер перегружен другими сайтами, TTFB значительно увеличивается.
- Базы данных. Самыми частыми проблемами с задержками являются: чрезмерный объем данных, не рассчитанный на конкретную БД, отсутствие оптимизации индексов, сложная конструкция программного обеспечения и другие.
- Отсутствие кэша. Серверу каждый раз нужно генерировать страницу с начала, что увеличивает TTFB.
- Большое количество неоптимизированных данных. Загрузка больших изображений по ссылкам на другие ресурсы, не настроенные для интернета, замедляют общую загрузку сайта.
- Сетевые компоненты. На корректную и быструю работу сервера влияют коды и скрипты, с помощью которых он был создан. Чрезмерное количество запросов может замедлять отклик. Кроме того, на TTFB влияют настройки конфигурации сервера и неоптимизированное программное обеспечение.
- Расстояние до сервера. Чем дальше находится пользователь от сервера, тем больше времени занимает загрузка страниц. Для ускорения загрузок используют Content Delivery Network.
- Другие причины. Пробелы в безопасности, неправильные настройки DNS, технические неполадки, фишинговые атаки, неработающие SSL-сертификаты увеличивают время отклика.
- Способ подключения к интернету. На сегодня данные передаются несколькими способами: телефонный кабель, оптоволокно, кабельная, мобильная, спутниковая сеть. У каждого соединения свои преимущества, но пока оптоволокно быстрее всего передает сигналы.
Устаревшее оборудование или программное обеспечение тоже влияют на время отклика. Проблема может возникнуть со стороны пользователя в случае необновленного ПО, избыточной фрагментации жесткого диска, большого количества ненужных фоновых процессов или устаревших девайсов.
Как сократить время ответа сервера
Для того, чтобы сайт оставался удобным для пользователя и наращивал удачные конверсии, нужно оптимизировать его метрики. Не обязательно, чтобы все показатели были идеальными, ведь это занимает много времени и усилий. Достаточно проработать основные характеристики, и начать именно с TTFB.
Выберите быстрый хостинг
При выборе хостинга стоит обращать внимание на несколько факторов:
- Физическое размещение хоста. Чем ближе сервер находится к целевой аудитории, тем быстрее будет загружаться сайт у пользователей.
- «Железо». На TTFB большое влияние имеет поколение дисков и процессоров. Физическая замена серверных машин ускоряют загрузку сайта. Производительные сервера стоят не малых денег. По дискам, учитывайте, что NVMe SSD работаю быстрее чем простые SSD.
- Домен с хостингом вместе. Стоит покупать все в одной компании, а еще лучше на одном сервере.
Откажитесь от бесплатных или ограниченных по функционалу хостов. Ничего путного из их использования не получится. Лучше выбирать дорогого, но надежного поставщика с гарантией безотказной работы 99,5%. При больших объемах данных или высоких нагрузках на сайт выбирайте виртуальные серверы VPS.
Займитесь базами данных
При каждом открытии сайта сервер обращается к базам данных. Сильно тормозят загрузку устаревшие таблицы, спам, ненужные части, которые не используются. Поэтому стоит регулярно чистить базы данных, предварительно сделав резервное копирование.
Для оптимизации БД откройте их в хостинг-панели, отсортируйте по размеру, и проверяйте самые большие на наличие лишних данных. Существуют специальные плагины, наводящие порядок в базах данных. Например, Advanced Database Cleaner или WP-Optimize.
Пользуйтесь сетями доставки контента
Content Delivery Network (CDN) — это сеть серверов, географически расположенных таким образом, чтобы уменьшить время доставки контента от сервера до конечного пользователя. Система работает благодаря созданию кэша информации на разных машинах по всему миру. Это позволяет при загрузке сайта обходить исходный сервер и обращаться к ближайшему серверу, в котором уже хранятся копии данных. Процесс существенно уменьшает TTFB.
Используйте кэширование
Технология кэширования позволяет сохранять копии ранее загруженных сайтов. Это значительно сокращает скорость отклика на запросы. Кэширование бывает серверным и клиентским, при котором данные сохраняются на девайсе пользователя и не требуют повторных расчетов для дальнейшего использования ресурса.
Оптимизируйте контент
Человек лучше воспринимает информацию, если она дополнена изображениями, схемами, графиками. Но картинки существенно увеличивают время загрузки сайта. Особенно, если изображения перед добавлением на сайт не были оптимизированы.
Для ускорения работы визуальный контент сжимают с помощью специальных инструментов, которые не нарушают структуру и качество картинки. Для коррекции изображений используют различные программы или онлайн-сервисы. Например, Photoshop, Kraken, Tiny PNG или GIMP.
Чаще всего изображения переводят в формат WebP, который автоматически поддерживают все браузеры. Формат позволяет на 25-34% быстрее загружать картинки. Для его конвертации используются сервисы Ezgif или Convertio.
Можно подключить Lazy Loading. Функция ленивой загрузки будет демонстрировать пользователю только те картинки, которые находятся на его экране. При этом экономится время на полную загрузку сайта. Во время просмотра страницы изображения подгружаются когда попадают в поле зрения пользователя.
Сократите плагины
Удалите устаревшие, несовместимые с сайтом плагины. Используйте приложения из надежных источников, и отслеживайте изменения показателя TTFB при добавлении новых плагинов на сайт.
Используйте акселераторы PHP
Кэширование скриптов избавляет от необходимости генерировать бинарные коды при каждом обращении к ресурсу. Акселераторы PHP снижают нагрузку на сервер, ускоряют TTFB. Если сайты используют большое количество приложений, работающих на PHP-коде, без акселераторов не обойтись.
Самые популярные из них:
- eAccelerator — динамически кэширует контент, оптимизирует сайт, ускоряет PHP и выступает в качестве модуля-распаковщика;
- OpCache — рекомендуется для кэширования опкодов разработчиками PHP;
- PhpExpress — ускоряет скрипты в 4-8 раз;
- XCache — подходит для самых новых версий PHP-кодов.
Акселераторы устанавливают и настраивают на сервере, на котором находится сайт.
Минифицируйте
Уменьшайте размеры файлов CSS и JavaScript, что увеличит скорость ответа на запросы. Для этого можно вынести внутренние фрагменты кода во внешний файл, если это не ухудшит качество отображения ресурса. Объединяйте все CSS или JS в один файл, используя асинхронную загрузку для избежания блокировки.
Настройте уменьшение размеров кодов на серверах. Используйте инструменты mod_deflate, HttpGzipModule или YUI Compressor. С помощью DirtyMarkup или CSS Minify делайте автоматическую оптимизацию кода.
Используйте протоколы HTTP/2 и HTTP/3
Протоколы второй и третьей версии значительно ускоряют передачу данных и улучшают показатель TTFB. Стандартом для проверки метрик в Lighthouse является протокол HTTP/2. Для Chrome с 2020 года запустили HTTP/3, который работает по технологии QUIC. Но перед использованием протоколов стоит проверить, поддерживает ли их хостинг.
Включите GZIP-сжатие
Страницы сайта должны занимать как можно меньше места. Для оперативной работы желательно, чтобы средний размер страницы с учетом всех изображений и видео не превышал 5 МБ. Утилита GZIP уменьшает объем запроса, чем сокращает отклик на 70%.
Старайтесь избежать переадресации страниц
Переадресация использует дополнительные данные, увеличивая время загрузки страницы. Поэтому его следует избегать или использовать с осторожностью. Используйте правильный редирект и адаптивные макеты, которые сократят TTFB.
Постоянно проводите мониторинг
С помощью анализаторов регулярно отслеживайте основные метрики сайта, особенно показатель TTFB. При возникновении проблем сразу начинайте оптимизацию, пользуясь предоставленным выше перечнем советов.
Итак, об оптимизации
Снижение TTFB требует немедленного поиска проблемы и комплексного анализа всех составляющих сайта. Просматривайте все, начиная с баз данных, сервера и хостинга, заканчивая кодом. Постоянное обслуживание, загрузка обновлений, отказ от устаревших компонентов помогут создать быстрый и удобный в использовании сайт.
Если показатель TTFB превышает 200 мс, сделайте несколько шагов:
- смените хостинг на более быстрый и надежный;
- обновите базы данных;
- используйте сети доставки содержимого CDN;
- не забывайте о кэшировании;
- поработайте над размером контента;
- удалите лишние плагины;
- добавьте акселераторы PHP;
- минифицируйте;
- используйте HTTP/2 и HTTP/3;
- сжимайте с помощью GZIP;
- уменьшайте количество переадресаций.
Постоянно просматривайте метрики сайта, чтобы предотвратить снижение конверсии, потерю высокой позиции в выдаче Google, и медленной индексации страниц. Помните, что люди в большинстве случаев не ждут загрузки сайтов более 10 секунд, а закрывают вкладку и обращаются к конкурентам. Поэтому работайте над оптимизацией постоянно и не экономьте на хостинге.
