20 инструментов для проверки скорости загрузки страниц сайта

Я руковожу платформой Loading.Express. Наш сервис проверяет скорость загрузки сайта и помогает ускорять медленные сайты. Мы любим быстрый интернет и хотим сделать мир лучше. Поэтому я протестировал 20 похожих сервисов.

Медленный сайт — убийца продаж!

79% клиентов, кто был недоволен работой сайта, говорят, что они реже покупают с того же сайта снова, по данным компании Skilled.co.

64% ожидают, что страницы будут загружаться меньше четырёх секунд.

Космический корабль для web-мастеров, SEO-специалистов, копирайтеров и других онлайн-трудяг. Написано скорость сайта, а замеряет скорость ответа сервера.

• Запущен в июле 2016 года.
• Один сайт за проверку.

Набор сервисов, в том числе проверка скорости загрузки сайта. Выдает не совсем точные данные, возможно, анализ происходит по старому алгоритму PageSpeed Insights от Google.

• Запущен в феврале 2015 года.
• Один сайт за проверку.

Быстрая проверка скорости сайта от компании «Русоникс».

• Запущен в октябре 2012 года.
• Один сайт = одна проверка + продажа хостинга.
• Проверки из России.

Проверка через сервис PageSpeed Insight. Все данные через него. Данные могут быть неточными.

Сервисы из США

Сервера у них тоже, как правило, с проверками и замерами из США.

Пожалуй, самый популярный сервис проверки скорости сайта. На него равняются все веб-мастера. Но нельзя использовать только этот сервис. Он искусственно ограничивает скорость замера для усредненных показателей. Использовать его надо вместе с GTmetrix, например.

• Запущен 5 мая 2012 года.
• Проверки с серверов в Европе.
• Версия от 2019 года Think With Google.

По неведомым причинам этот сервис пользуется популярностью в России для замера скорости сайта. Сервис платный. Юзабилити хороший.

• Запущен 20 июля 2006 года.
• Проверки из США и Европы.

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

• Запущен 2 апреля 2009 года.
• Проверки из США.

• Запустились ребята в 2015 году.
• Юзабилити и дизайн устаревшие. Пользоваться сложновато. Проверки из США.

Кажется, это единственный сервис, через который можно узнать, сколько будет загружаться сайт через соединение со скоростью интернета в 14,4K. Например, сайт vc.ru на такой скорости будет загружаться 22 минуты.

Тест из 25 стран за раз. Тест скорости проходит сразу два раза: без кэша и с ним. Сразу замеряет PageSpeed. Дизайн скромный. Часто зависает при замере скорости из Шанхая.

Сервисы из других стран

Сервисы проверки скорости загрузки сайта из разных уголков мира. Где только не создают эти инструменты!

Эти ребята сделали невозможное. Сервис удобен. Задизайнен. Быстр. Замер параметра PageSpeed не обновлен и снимает по старому алгоритму до ноября 2018 года.

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

• Сделан в Канаде, запустился 4 февраля 2010 года.
• Серверов в России нет.

DDoS-проверка вашего сайта. Как будет меняться время скорости загрузки при резко растущей посещаемости? Проверяйте, это важно понимать.

• Сделан в Швеции, запущен 10 декабря 2008 года.
• 50 тестов бесплатно.

Проверка скорости загрузки из семи стран. Сервис запустил пакистанец — с фирмой в Лондоне. Из функций только проверки.

Добротный сервис. Создает видео загрузки. Ватерфол. Сканирует скрипты. HTTP/2-готовность. Ошибки браузера. Выдает индекс скорости сайта. Графично, функционально. Молодцы!

Проверка скорости из восьми стран. России нет. Сделали 16 бесплатных сервисов для проверки разных свойств, важных для ускорения. Помогают ускорять сайты под ключ. Написали много мини-статей для SEO про ускорение сайтов. Молодцы!

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

Проверка на SEO, адаптив, скорость загрузки. Некий Patrick Sexton пишет, что сделал этот сервис бесплатным для того, чтобы сделать мир лучше. Класс!

Проверка скорости загрузки и еще несколько проверяльщиков, в том числе HTTP/2. Проверка из 14 стран. Продают услуги.

Индия. Сервис компании ZOHO. Проверки есть из Петербурга и Москвы. Показывает первый байт, последний и время ответа. Есть много разных инструментов для проверки различных параметров, косвенно касающихся ускорения сайтов.

Довольно странный сервис. Замеряет скорость сайта на модемах.

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

Скорость загрузки сайта напрямую влияет на прибыль компании. Точка.

Для наглядности мы вывели инсайты в несколько рейтингов по нишам:

На подходе статья с обзором удивительных инсайтов о веб-студиях из «Рейтинга рунета».

С помощью этого инструмента можно проверить код и скорость ответа сервера, наличие gzip сжатия, посмотреть все заголовки ответа, проверить отдачу сервером 304 Not Modified.

Просто введите адрес интересующей вас страницы в соответствующем поле и нажмите «проверить». Тестер поддерживает переадресацию, но не более 10 редиректов в цепочке. Если редиректов больше, то, вероятно, это циклическая бесконечная переадресация, вызванная ошибкой в программе.

От чего зависит время ответа сервера

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

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

Нормальное время ответа — это сколько?

Чем меньше, тем лучше.

• До 300 миллисекунд — очень хороший результат, можно спать спокойно.
• От 300 до 700 миллисекунд — тоже неплохо, волноваться повода нет.
• Если время ответа вашего сайта приближается к секунде, или ещё выше — повод принимать меры.

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

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

Коды ответов HTTP

Код состояния HTTP — это число, состоящее из трех цифр. Первая цифра означает группу, к которой принадлежит код.

Существуют следующие группы:

• 1xx — Информационные коды
• 2xx — Успешные коды
• 3xx — Коды перенаправлений
• 4xx — Коды ошибок клиента
• 5xx — Коды ошибок сервера

Проверка 304 Not Modified

Правильно настроенный сервер должен обрабатывать заголовок If-Modified-Since. Этот заголовок содержит дату и спрашивает, была ли изменена страница после этой даты. Если страница не была изменена, сервер должен вернуть ответ 304 Not Modified. При этом ответ содержит только заголовки и не содержит тело страницы. Это значительно экономит время и трафик при обходе вашего сайта поисковыми роботами.

Помимо этого, для корректной работы этой схемы сайт должен на каждый GET запрос возвращать заголовок Last-Modified, содержащий дату последнего изменения страницы. Браузеры и поисковые роботы сохраняют эту дату и при следующем запросе используют именно её для заголовка If-Modified-Since как бы спрашивая, изменилась ли страница с тех пор, нужно ли её скачивать заново.

В статье рассказывается:

• Зачем проверять скорость сервера
• Какие показатели скорости сервера нужно оценивать
• Нормальное время ответа сервера – сколько
• Сервисы для проверки
• Как увеличить скорость ответа сервера
• Пройди тест и узнай, какая сфера тебе подходит: айти, дизайн или маркетинг.Бесплатно от Geekbrains

Для повышения позиции сайта в рейтинге выдачи поисковых систем особое внимание следует уделить таким факторам, как скорость ответа сервера, время загрузки контента, размер кода и его качественные характеристики. Эти моменты с точки зрения успешного продвижения интернет-ресурса идут на втором месте после качества и уникальности тексов, а также наличия необходимой ссылочной массы. Чтобы ваш сайт продвинулся на верхние позиции в поисковой выдаче, следует ответственно подойти к вопросу оптимизации скорости ответа сервера.

Зачем проверять скорость сервера

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

Приведем простой пример для двух интернет-магазинов, ориентированных на продажу бытовых пылесосов. Один из них (сайт А) открывается для пользователя 400 мс, а второй (сайт В) 5 секунд. Есть высокая вероятность, что потенциальный покупатель, зайдя на сайт В, из-за своей нетерпеливости не будет ждать, пока загрузится страница интернет-магазина А. Этот пример показывает, что низкая скорость ответа сервера становится причиной существенной потери прибыли.

Зачем проверять скорость сервера

В результате исследования, которое проводила компания Skilled.co, было выяснено, что 4 из 5 посетителей медленных сайтов больше не возвращались на такие ресурсы. Причиной этого выступала низкая скорость загрузки.

Какие показатели скорости сервера нужно оценить

Чтобы проанализировать скорость ответа сервера можно воспользоваться двумя вариантами:

TTFB

Название этого метода происходит от фразы «Время до получения первого байта» (Time-to-first-byte). Другими словами, речь идет о временном отрезке от начального обращения посетителя к серверу, до получения ответа и отправки первых данных. Такой показатель можно рассматривать, как время наступления стадии, на которой интернет ресурс начинает отправку информации браузеру относительно разметки и контента страницы.

Полученная величина демонстрирует скорость ответа сервера. При более низком ее значении посетитель быстрее получит отклик на свой запрос. Нормальный показатель не должен превышать 400 мс, но в идеале его следует снизить до 100 мс.

Дозагрузка страницы

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

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

Получив эту информацию, можно провести переработку кода с целью оптимизации базы данных.

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

Нормальное время ответа сервера – сколько

Чем меньше ждать, тем лучше.

• Ответ до трехсот миллисекунд считается отличным результатом. Можно быть спокойным.
• Ответ сервера от трехсот до семисот миллисекунд тоже неплохой результат, не стоит беспокоиться.
• В случае, если время ответа сервера около секунды или более, нужно работать над повышением скорости загрузки сайта.

Рекомендую проверить скорость ответа сервера вашего интернет-ресурса, если вы этого еще не сделали. Результат может вас удивить. Анализ скорости ответа сервера должен проводиться на регулярной основе. Специально для таких случаев мы разработали тестер с возможностью хранить все предыдущие проверки. Достаточно всего лишь раз сохранить те страницы, за которыми вы хотите наблюдать, и проверять их в дальнейшем в один щелчок мышки.

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

Сервисы для проверки

Существует несколько сервисов, работающих в онлайн-режиме, способных проверить скорость ответа сервера.

Яндекс. Вебмастер

Основные данные о производительности сайта предоставляет сервис Яндекс. Вебмастер. Регистрация для этого не требуется. Нужно лишь вставить в нужную строку ссылку для проверки, и бот Яндекс-системы определит скорость ответа сервера.

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

Поможет разобраться в актуальной ситуации на рынке труда

Подборка 50+ ресурсов об IT-сфере

Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT

ТОП 50+ сервисов и приложений от Geekbrains

Безопасные и надежные программы для работы в наши дни

• Вставляем ссылку в поисковой строке на основной странице.
• Нажимаем «Проверить».

Сервисы для проверки

Система предоставит все основные данные о сервере. Основное на что следует обратить внимание – скорость ответа.

Яндекс. Метрика

Сервис Яндекс.Метрика представляет развернутый отчет по анализу скорости ответа сервера. При этом все данные достаточно достоверны, потому что система учитывает местоположение пользователей и используемые ими устройства.

Что нужно сделать, чтобы проверить скорость ответа сервера?

• Открываем Яндекс. Метрику и находим свой сайт.
• Ищем раздел «Отчеты».
• Находим подпункт «Стандартный отчет».
• Переходим в «Мониторинг».
• Заходим в раздел «Время загрузки страниц».
• Определяем период времени, в котором нам нужно узнать данные.
• Выбираем вид трафика.
• Затем листаем немного ниже и определяем нужные показатели, по которым будет сформирован отчет. К примеру, это может быть пункт «Ответ сервера».

Bitcatcha

Этот ресурс более простой. Он определяет скорость ответа сервера в разных странах. Регистрироваться, подключать плагины и переживать по поводу других заморочек вам точно не стоит. От вас требуется вставить ссылку на свой сайт в нужное поле и нажать на значок «Лупа». Система предоставит вам всю информацию о времени ожидания в различных уголках земного шара.

WEBO Pulsar

Представляет собой очередной бесплатный портал, функционал которого довольно прост в использовании. Этот сервис чем-то напоминает Bitcatcha, однако предоставляет намного больше полезных данных о работе сайта. Это отличный вариант для тех, кто хочет получить полный отчет.

• На этом портале можно наблюдать за скоростью ответа к серверу одновременно с нескольких стран.
• Узнать время, которое было потрачено на формирование зашифрованного соединения.
• Время, когда сервер отвечает на запрос клиента. (TTFB). Чем оно ниже, тем качественнее будет работа сервера.
• Количество информации, которую ресурс передал изначально.

Чтобы получить файл, укажите e-mail:

Подтвердите, что вы не робот,указав номер телефона:

GTmetrix

Сейчас этот софт также популярен в России, хотя на нем не наблюдается ни единого узла для проверки времени ожидания ответа сервера именно в РФ. Однако для наблюдения за другими странами он подходит.

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

Чтобы улучшить показатель скорости ответа сервера советуем выполнить ряд шагов:

• Подобрать надежный хостинг с хорошим сервером и качественными каналами связи.
• Взять в аренду выделенный сервер.
• Пользоваться кэшированием данных.
• Провести оптимизацию базы данных.
• Применять кэширование скриптов.
• Устранить обращения к сторонним серверам.

Кеширование

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

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

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

Картинки

Размещайте картинки с оптимальным размером, соответствующим особенностям онлайн-страницы. Необходимо предварительно уменьшить все фото и рисунки до тех параметров, в которых они будут отображаться на сайте.

В соответствии с рекомендациями Google PageSpeed Insights для изображения лучше выбирать формат WebP. Учитываете, что его не поддерживает такой ресурс, как Яндекс. Картинки. В связи с этим, если направленность вашего интернет-ресурса предполагает многочисленные переходы с сервиса Яндекс.Картинок, есть смысл применять форматы PNG и JPG, сжимая картинки по максимуму, и не допуская потери качества.

Для страниц с массивными текстами и большим количеством мультимедийных элементов (понгриды) будет полезным использование метода «ленивой загрузки» изображений, когда они появляются лишь в том случае, если посетитель прокрутит контент до нужного места.

Поскольку число потоков загрузки интернет ресурса является ограниченным, то изображения подгружаются отдельным каналом. Чтобы повысить скорость загрузки необходимо сократить количество потоков. Для этого на странице, где есть много изображений небольшого размера (включая иконку, инфографику и т.д.), все картинки стоит включить в один файл.

Скрипты и CSS

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

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

• Почему нужно делать замеры скорости загрузки сайта
• Как повысить скорость загрузки сайта
• 22 сервиса для анализа скорости загрузки сайта
• Пройди тест и узнай, какая сфера тебе подходит: айти, дизайн или маркетинг.Бесплатно от Geekbrains

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

Почему важно замерять скорость загрузки сайта

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

• Привлечь больше клиентов. Этот момент особенно ощутим для мобильных версий страниц. По статистике, все больше посетителей сайтов используют для просмотра информации в интернете мобильные телефоны. Учитывая это обстоятельство, следует особое внимание уделить скорости загрузки для адаптивной версии.
• Повысить удобство работы пользователей. Это момент также имеет прямое отношение к привлечению потребителей. К примеру, разработчики сайта с продуманным дизайном, понятным интерфейсом и полезным контентом считают, что такой ресурс может обеспечить хорошую конверсию. И это может соответствовать действительности, но только в том случае, если все компоненты страниц будут загружаться достаточно быстро.
• Увеличить конверсию. Показатели конверсии растут с повышением скорости загрузки сайта. Это обеспечивается за счет «нетерпеливых» посетителей, которые не покидают ресурс после просмотра начальной страницы.

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

Как ускорить загрузку сайта

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

Как ускорить загрузку сайта

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

Оптимизируйте HTML-код и CSS-, JS-файлы

Прежде всего, следует позаботиться о «чистоте» кода, который передается браузеру посетителя интернет-ресурса. Без этого невозможна эффективная оптимизация скорости загрузки сайта. Длинный код существенно замедляет открытие страниц, поэтому нужно поработать над сокращением количества символов в нем.

Как минимизировать код для ускорения загрузки сайта:

Уберите лишние HTTP-запросы

Огромная часть мощностей системы приходится на загрузку элементов интернет-страниц. Сильно снижают производительность ресурса HTTP-запросы к JavaScript, картинки, CSS- и флэш-файлам.

Сокращение количества элементов страницы позволит уйти от «лишних» обращений к серверу и повысит скорость загрузки сайта.

Сделать это можно несколькими способами:

• Объединить часть картинок в один графический файл (CSS-спрайт).
• Применять встроенные (Inline) картинки, собранные в таблице стилей онлайн-страницы.
• Собрать в одном файле ряд однотипных CSS-файлов или скриптов.
• Уменьшить количество используемых скриптов и программных модулей.

Расположите JavaScript и CSS в нужном порядке

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

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

Уменьшите число внешних скриптов

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

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

Задействуйте функцию flush

Этот PHP-инструмент очищает буфер ввода. Функция flush дает возможность не ждать, пока сервер посетителя выполнит загрузку всего контента со страницы сайта, а выводить информацию по частям. При этом окно, открытое перед пользователем, не будет оставаться пустым, пока данные с сервера передаются браузеру. Оно будет постепенно заполняться загружаемым контентом. Такаю оптимизацию следует рекомендовать сайтам с высокой посещаемостью и сложным дизайном страниц.

Рекомендуем устанавливать функцию flush в начале исходного кода, сразу после head. Контент быстрее откроется из заголовка, а параллельно можно активировать загрузку элементов CSS и JavaScript.

Кэшируйте страницы

В результате кэширования обеспечивается хранение графики, JavaScript, CSS и других данных интернет-страницы в браузере посетителя. Таким образом, при повторном заходе часть файлов быстро загружается непосредственно из браузера, что значительно ускоряет процесс открытия сайта.

Для подключения функции кэширование в код заголовка можно добавлять запись expires. Для кеширования ресурсов, созданных на движке Вордпресс, могут использоваться плагины, имеющие бесплатные или частично платные функции, к примеру, W3 Total Cache, Cache Enabler или Zen Cach.

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

Пользуйтесь CDN

Для сокращения времени передачи содержимого интернет ресурсов пользователям, была разработана сеть Content Delivery Network, которая состоит из дата-центров, расположенных в разных точках мира. В зависимости от удаленности устройства посетителя сайта от CDN-серверов, меняется время, затрачиваемое на передачу данных по содержанию страницы сайта.

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

Особенно полезна сеть доставки контента для информационных порталов, перегруженных данными, пользователи которых находятся далеко от места расположения серверов. Благодаря Content Delivery Network снижается время загрузки иностранных ресурсов, что обеспечивает повышение их рейтинга в поисковой выдаче. Это происходит потому, что загрузка данных осуществляется с сервера, который находится в стране пользователя максимально близко к нему.

На сегодняшний день популярны следующие CDN (сети доставки контента):

• Google Cloud Content Delivery Network
• Microsoft Azure Content Delivery Network
• Swarmify
• Akamai
• Limelight
• Rackspace Content Delivery Network.

Оптимизируйте графику и видео

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

Рекомендуемые форматы под разный веб-контент:

• SVG – для векторных картинок и простых деталей пользовательского интерфейса;
• PNG – для таблиц и невекторных картинок;
• JPG – для фотографий и других изображений;
• MPEG4 – для анимированных элементов и видеофайлов.

Для видеороликов и анимации будет доступен недавно созданный формат WEBM. Он поддерживает минимальный объем видео при сохранении такого же качества. Но WEBM не всегда поддерживается интернет браузерами (к примеру, отсутствует поддержка на платформах MacOS или Safari).

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

Стоит подчеркнуть, что векторный формат (SVG) дает возможность масштабировать изображения без потери качества.

Этапы оптимизации изображений:

• Масштабирование картинки
• Перед загрузкой на сайт сжать файл.

Сменить хостинг

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

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

Как проверить и сократить время ответа сервера сайта (TTFB)

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

И если говорить о времени ответа сервера, или time to first bite (TTFB), то недостаточно знать о его предельных значениях. Помимо всего прочего, нужно понимать, как именно он рассчитывается и на что влияет. Ведь современная аудитория Глобальной сети стремиться поглощать контент как можно быстрее. А это значит, что любые задержки загрузки попросту недопустимы для владельцев посещаемых ресурсов.

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

Что такое время ответа сервера?

Time to First Bite (TTFB) – это параметр, который отражает временной интервал между отправкой запроса пользователя и моментом приёма первого байта ответа сервера.

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

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

Фактически, TTFB необходимо рассматривать в разрезе времени отправки запроса и времени получения ответа сервера. Идеал предполагает загрузку 75% страницы быстрее, чем за 80 миллисекунд. Добиться подобной скорости бывает очень непросто. Нередко для этого приходится буквально полностью переделать всю структура сайта и переосмыслить подход к его наполнению.

При этом хорошим считается значение показателя TTFB в пределах от 80 до 110 миллисекунд. Приемлемым может быть и 180 миллисекунд, но тогда вы будете находиться «в опасной зоне», то есть алгоритмы посчитают, что вам есть над чем работать и куда расти.

Если вы не уложитесь и в 180 миллисекунд, тогда поисковые системы будут снижать позиции ресурса, по причине медленной загрузки. А отчёт инструмента Google PageSpeed Insights предложит вам оптимизировать процесс загрузки или удалить наиболее тяжёлые элементы страницы.

Инструменты для измерения времени ответа сервера

Всегда помните о том, что одного единственного инструмента для отслеживания динамики ключевых параметров недостаточно. Прибегайте к разным вариантам получения информации о вашем ресурсах. Тогда полученные данные будут максимально объективные, ведь каждый инструмента имеет собственный подход к проведению измерений. И этот подход, каким бы он ни был, зачастую имеет собственные достоинства и недостатки. А значит и не позволяет вам увидеть всю картину целиком.

Сервис для проверки скорости загрузки сайта. Он удобный и функциональный. Может проводить замеры по заданным браузерам и географическому положению.

Местонахождение аудитории и скорость передачи сервером информации в соответствующую локацию, дополнительно увеличивает скорость ответа. Если вы не будете учитывать подобные параметры, а лишь произведёте замеры «в вакууме», то никогда не сможете оценить реальное положение дел.

Задавая различные регионы, можно понять, где могут крыться ваши проблемы с TTFB. В качестве дополнительных настроек, используйте различные параметры сети – 3G, 4G, LTE, DSL и тому подобные.

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

Скриншот интерфейса WebPageTest

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

Соответствующие рекомендации можно увидеть в содержании раздела отчёта «Оптимизация». Там также указано, что найденные ошибки не оказывают прямого влияния на скорость загрузки, но их устранение приведёт к предсказуемому ускорению. Google даже рассчитает эффект, которого удастся добиться, устранив каждую из них.

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

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

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

Скриншот интерфейса PageSpeedInsights

Внутренние возможности браузера

Внутренний отладчик браузера позволяет проводить замеры скорость получения первого байта от сервера. Такой инструмент можно найти в Google Chrome и Mozila Firefox. Вызывается он нажатием клавиши «F12», а чтобы найти в нём TTFB, придётся совершить ряд простых шагов:

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

Скриншот скорости закгрузки страницы в консоли браузера

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

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

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

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

Разумеется, во многом и Google, и Яндекс основывают свои решения на анализе посещений, совершаемых вашей аудиторией. То есть, скорость вполне могла быть высокой, когда бот посещал сайт. Но если за месяц бывали случаи снижения скорости, и многие пользователи видели другие временные промежутки ответа сервера, то толку от замеров в идеальных условиях не будет. Поэтому нужно дополнительно заботиться о качественных реальных показателях, получаемых в «полевых» условиях.

Какое нормальное время ответа сервера?

Time to First Bite фактически означает установку стартового соединения пользователя с сервером. И если говорить об индикации, которую получает владелец сайта, когда измеряет этот параметр инструментами, разработанными Google, то он следующая:

• – всё, что быстрее 0,8 секунды попадает в зелёную зону и считается отличным показателем. Поисковые системы считают, что такие сайты быстро загружаются и не теряют посетителей на отказах, из-за медленного ответа сервера.
• – лежит в промежутке между 0,8 и 1,8 секундами. Это приемлемый результат. Поисковые системы могут давать рекомендации по его улучшению, но не пессимизируют ваш сайт, если скорость не будет расти.
• – всё, что медленнее 1,8 секунды. Поисковые системы считают ваш сайт слишком медленным. Они будут советовать различные варианты по снижению TTFB. Этот показатель в состоянии ощутимо повлиять на ваши позиции в выдаче. Особенно, если речь идёт о существенном превышении отметки в 1,8 секунды.

Причины роста времени ответа сервера

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

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

Как сократить время ответа сервера (TTFB)?

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

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

Ошибка «Время ожидания ответа истекло»

Скриншот ошибки: Не удается получить доступ к сайту

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

Страница может быть и может корректно отображена, но все современные программные продукты, которые работают в Глобальной сети, имеют ограничения на предельное время ожидания ответа сервера. Его также называют «timeout».

Причины возникновения ошибки

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

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

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

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

Какое оптимальное время ответа?

• До 300 миллисекунд — отличное время ответа, не все сайты могут показать такой результат
• От 300 до 650 миллисекунд — хорошее время ответа, большинство сайтов показывает такой результат
• 1 секунда и больше — плохой показатель, необходимо оптимизировать сайт.

Что влияет на время ответа?

• Перегруженность сайта различными плагинами и модулями
• Неоптимизированные и неиндексированные запросы, которые делает сайт к базе данных
• Неэффективно написанный PHP-код сайта
• Запросы к внешним ресурсам на стороне сервера
• Нагруженность темы или шаблона сайта
• Перегруженность сервера, где размещен сайт.

Проверка времени ответа сервера с помощью Яндекс. Вебмастер

• Открываем страницу соответствующую страницу в вебмастере (webmaster.yandex.ru/tools/server-response)
• В поле «Опрашиваемый URL» указываем, адрес сайта, который необходимо проверить
• Нажимаем кнопку проверить
• В пункте «Время ответа сервера» указано время ответа сервера.

Узнать время ответа сайта можно с помощью браузера

• Находясь в браузере нажмите клавишу F12 (в браузерах на базе Chromium)
• Откройте здесь вкладку Network
• Нажмите на пункт Doc
• Обновите страницу и дождитесь, когда она загрузится
• Значение Waiting (TTFB) показывает время ответа сервера, от запроса до ответа.

Рекомендации для сокращения времени ответа

• Настроить кэш внутри веб-сайта и на самом хостинге
• Сократить скорость выполнения запросов сайта к базе данных
• Отключить плагины сайта, которые сейчас не используются или не нужны
• Найти код, который возможно работает медленно и оптимизировать его.