Как посмотреть скорость загрузки страницы в браузере
Как проверить скорость загрузки сайта: 14 лучших инструментов
Скорость загрузки сайта — важный показатель для любого ресурса. Его оценивают не только поисковые системы, но и пользователи. Сегодня никто не будет ждать 2–3 минуты, пока прогрузится нужная страница. Посетитель уйдет с сайта и не станет посещать его впредь. А это потеря лида.
Чтобы не сливать бюджет на контекстную рекламу и не досадовать на отсутствие заявок, нужно проверить скорость загрузки сайта. Это можно сделать с помощью инструментов, которые находятся в свободном доступе. Специальных знаний в области seo и интернет-маркетинга не понадобится.
Почему важна проверка скорости сайта
Вы удивитесь, но скорость загрузки страницы на сайте напрямую связана с процентом отказов и количеством продаж. По статистике, более 53% пользователей закрывают вкладку, если на её загрузку уходит более 3 секунд. Задержка в 2 секунды снижает конверсию на 37%.
Ваши потенциальные клиенты уйдут к конкурентам, если сайт будет медленно грузиться. Не поможет ни красивый дизайн, ни удобный интерфейс, ни всплывающие окна с привлекательными акциями и скидками. Пользователь попросту не успеет оценить силы и средства, вложенные в ресурс. Поэтому проверка скорости загрузки сайта должна проводиться регулярно.
Скорость загрузки сайта становилась предметом исследований. Специалисты из компании Financial Times провели эксперимент над ресурсом одной газеты. В исследовании участвовало две фокус-группы: первая просматривала страницы в стандартном режиме, а вторая — с задержкой от 1 до 5 секунд.
В результате выяснилось, что дольше открывались страницы, тем короче была сессия. Пользователи не оформили платную подписку на материалы, просмотрели меньшее количество рекламных баннеров, а ведь они являлись основными источниками дохода компании.
В результате ряда экспериментов компании Akamai Technologies выяснилось, что максимальная конверсия наблюдается на страницах, которые загружаются за 1,8 секунды с ПК и за 2,7 секунды со смартфонов. Минимальное количество отказов наблюдалось на сайтах, загружающихся за 1 секунду и за 0,7 секунды с компьютера и мобильных устройств соответственно.
Проверка скорости необходима, когда у сайта ухудшается видимость в поисковых системах. Если ресурс постепенно начал опускаться в результатах выдачи, это явный повод для беспокойства. Несмотря на то что скорость загрузки сайта Google оценивает как маловажный параметр, медленно открывающиеся страницы могут повлиять на другие seo-показатели.
Процент отказов, глубина просмотра, продолжительность сессии — по этим параметрам поисковые системы оценивают полезность ресурса. Если пользователи будут уходить с сайта, не ознакомившись с контентом, позиции в выдаче снизятся. Пока вы будете искать проблему в отделе продаж, текстах и дизайне, сотни потенциальных покупателей уйдут к конкурентам. Поэтому перед тем как начать глобальное улучшение ресурса и начать подбирать новых специалистов по продвижению, стоит проверить скорость открытия сайта.
Проверка сайта на скорость должна осуществляться регулярно, иначе вы рискуете потерять потенциальных клиентов навсегда. The New York Times отмечает, что разница даже в четверть секунды может сыграть решающую роль.
Как проверить скорость загрузки сайта в Яндекс и Google
В поисковой системе Яндекс проверка скорости осуществляется с помощью инструмента Яндекс.Метрика. Для начала нужно войти в свой аккаунт, в разделе «Отчёты» выбрать подраздел «Стандартные отчёты», найти пункт «Мониторинг» и «Время загрузки страниц». Каждый этап — длительность подключения, загрузка страницы с сервера, время от начала отрисовки страницы до полной загрузки, скорость переадресации — наглядно продемонстрирован. В Яндекс.Метрике вы также можете сделать тест скорости загрузки сайта в разных браузерах.
Я руковожу платформой Loading.Express. Наш сервис проверяет скорость загрузки сайта и помогает ускорять медленные сайты. Мы любим быстрый интернет и хотим сделать мир лучше. Поэтому я протестировал 20 похожих сервисов.
Медленный сайт — убийца продаж!
Даты создания взяты из Web Archive. В прошлой статье я анонсировал исследование банковской сферы РФ.
Космический корабль для web-мастеров, SEO-специалистов, копирайтеров и других онлайн-трудяг. Написано скорость сайта, а замеряет скорость ответа сервера.
- Запущен в июле 2016 года.
- Один сайт за проверку.
Набор сервисов, в том числе проверка скорости загрузки сайта. Выдает не совсем точные данные, возможно, анализ происходит по старому алгоритму PageSpeed Insights от Google.
- Запущен в феврале 2015 года.
- Один сайт за проверку.
Быстрая проверка скорости сайта от компании «Русоникс».
- Запущен в октябре 2012 года.
- Один сайт = одна проверка + продажа хостинга.
- Проверки из России.
Проверка через сервис PageSpeed Insight. Все данные через него. Данные могут быть неточными.
Сервера у них тоже, как правило, с проверками и замерами из США.
Пожалуй, самый популярный сервис проверки скорости сайта. На него равняются все веб-мастера. Но нельзя использовать только этот сервис. Он искусственно ограничивает скорость замера для усредненных показателей. Использовать его надо вместе с GTmetrix, например.
- Запущен 5 мая 2012 года.
- Проверки с серверов в Европе.
- Версия от 2019 года Think With Google.
По неведомым причинам этот сервис пользуется популярностью в России для замера скорости сайта. Сервис платный. Юзабилити хороший.
- Запущен 20 июля 2006 года.
- Проверки из США и Европы.
Хороший сервис. Много функций. Но очень бедное юзабилити. Сделано технарями для технарей. Есть видеоотчеты по загрузке с секундомером. Можно сравнивать несколько сайтов сразу.
- Запущен 2 апреля 2009 года.
- Проверки из США.
- Запустились ребята в 2015 году.
- Юзабилити и дизайн устаревшие. Пользоваться сложновато. Проверки из США.
- Запущен в апреле 2003 года, не обновлялся с 2008 года.
Тест из 25 стран за раз. Тест скорости проходит сразу два раза: без кэша и с ним. Сразу замеряет PageSpeed. Дизайн скромный. Часто зависает при замере скорости из Шанхая.
Сервисы проверки скорости загрузки сайта из разных уголков мира. Где только не создают эти инструменты!
Эти ребята сделали невозможное. Сервис удобен. Задизайнен. Быстр. Замер параметра PageSpeed не обновлен и снимает по старому алгоритму до ноября 2018 года.
Бесплатно сохраняет историю. Снимает видео загрузки. Даёт детальный отчет по времени загрузки каждого запроса.
- Сделан в Канаде, запустился 4 февраля 2010 года.
- Серверов в России нет.
DDoS-проверка вашего сайта. Как будет меняться время скорости загрузки при резко растущей посещаемости? Проверяйте, это важно понимать.
- Сделан в Швеции, запущен 10 декабря 2008 года.
- 50 тестов бесплатно.
Проверка скорости загрузки из семи стран. Сервис запустил пакистанец — с фирмой в Лондоне. Из функций только проверки.
- Сделан во Франции, запущен 8 февраля 2014 года.
Проверка скорости из восьми стран. России нет. Сделали 16 бесплатных сервисов для проверки разных свойств, важных для ускорения. Помогают ускорять сайты под ключ. Написали много мини-статей для SEO про ускорение сайтов. Молодцы!
- Сделан в Нидерландах, запущено 7 апреля 2015 года.
Годный анализ скорости загрузки. Есть автоматическая перепроверка, платная история. Даёт бесплатно проверить с мобилки и с десктопа.
- Сделан в Нидерландах, запущен 4 декабря 2014 года.
Проверка на SEO, адаптив, скорость загрузки. Некий Patrick Sexton пишет, что сделал этот сервис бесплатным для того, чтобы сделать мир лучше. Класс!
- Сделано на Филиппинах, запущен 14 августа 2015 года.
- Сделан в Швейцарии, запущен 3 апреля 2015 года.
Индия. Сервис компании ZOHO. Проверки есть из Петербурга и Москвы. Показывает первый байт, последний и время ответа. Есть много разных инструментов для проверки различных параметров, косвенно касающихся ускорения сайтов.
Довольно странный сервис. Замеряет скорость сайта на модемах.
Скорость загрузки сайта напрямую влияет на прибыль компании. Точка.
Для наглядности мы вывели инсайты в несколько рейтингов по нишам:
Рейтинг сайтов банков России по версии «Банки.ру», тут есть банки, сайты которых загружаются больше 30 секунд.
Рейтинг сайтов веб-студий России по версии «Рейтинга рунета», тут есть веб-студии, страницы у которых весят более 70 МБ.
На подходе статья с обзором удивительных инсайтов о веб-студиях из «Рейтинга рунета».
А как же официальная утилита проверки скорости загрузки сайта в яндекс-вебмастере?
И Метрику можно было бы внести, потому что она меряет скорость вообще по факту у всех ваших посетителей и выдает усредненную аналитику. Плюс решает проблему ежедневного мониторинга. Скорость загрузки можно смотреть в динамике за любой период. И все бесплатно.
Яндекс пока не разработал ни одного сервиса по замеру скорости загрузки сайтов. Если вы про ответ сервера из вебмастера яндекса, то это не про загрузку сайта.
По метрике - это вы по факту узнаете, что сайт загружался долго. Что именно его так долго загружало метрика не скажет. А эти инструменты показывают как ускорить сайт.
Комментарий удален модератором
Хорошая подборка. Спасибо!
Неплохой сервис, спасибо. Не хочу только, чтобы вы мне звонили и устно что-то втирали про ускорение сайта, почему бы не оставить форму для оставления электронной почты? Просить телефон это очень навязчиво.
Отстойный у вас сервис, я вам даже телефон не оставлял, а вы взяли и сами стали звонить, взяв телефон с проверяемого сайта и выпросив у менеджеров мой. Никому не рекомендую, очень навязчивые типы.
Почему нету Google Lighthouse?
И очень скудно описан WebPageSpeedTest
Лайтхаус. Если б статья называлась 100500 способов замерить скорость, то про лайтхаус написал бы тоже.
Про вебпейджспид — хорошо, что люди узнают о нем, а то многие совсем про его существование не знали до сих пор!)) более подробно, возможно опишем в следующих статьях.
При заходе на сайт:
Loading.express, как и большинство сайтов в интернете, использует cookie: это дает нам возможность . следить за тем, чтобы наши сервисы были доступны и не упали
Скажите, как при помощи кукис, оставляемых в браузере пользователя, вы следите за аптаймом?
Решил протестировать наш самый лёгкий "ликбезный" сайт, который, по сути, одна статья. Примерно час в браузере висело вот это, пока я просто не закрыл страницу:
Pingdom Tools
По неведомым причинам этот сервис пользуется популярностью в России
Действительно, пользуется. О причинах я вам с удовольствием поведаю: сервис работает максимально чётко и предоставляет детальнейший отчёт по итогам тестирования.
Не думал, что статья будет такая популярная. К нам в сервис пришли проверяться очень много сайтов. Очередь забилась.
Увеличили мощности. Теперь всё работает еще лучше. Спасибо вам за обратную связь!
У меня сайты на битриксе показывают 0.25 секунд :)
Это написали ребята из бе1.))
К замеру скорости загрузки сайта их сервис мало подходит. А вот скорость ответа сервера они показывают.
В сентябре этого года Google завершил апдейт под названием Page Experience, важными составляющими которого стал комплекс сигналов Core Web Vitals. Отныне официально скорость загрузки страницы и удобство взаимодействия с ней пользователя являются сигналами ранжирования.
Узнать, насколько быстро грузится веб-страница и как ее ускорить, можно с помощью бесплатного инструмента от Google — PageSpeed Insights. Рассказываем, что он собой представляет и как с ним работать.
Page Speed Insights (PSI) — бесплатный инструмент Google, который анализирует скорость загрузки веб-страницы на мобильных устройствах и компьютерах и дает рекомендации по ее ускорению.
PSI оценивает скорость загрузки на основании таких данных:
- Собственные данные, которые инструмент получает при имитации загрузки страницы. Имитация позволяет оценить реальную скорость загрузки и обнаружить проблемы, которые ее снижают. Недостаток — эксперимент проводится в управляемых условиях. Поэтому можно упустить факторы, негативно влияющие на процесс загрузки страницы реальным пользователем.
- Скорость загрузки страницы у реальных пользователей. Данные берутся из отчета об удобстве пользования браузером Chrome. Этот источник информации позволяет объективно оценить скорость загрузки страницы. Недостаток — доступ к ограниченному набору данных. Эксперимент с имитацией страницы позволяет получить больше данных о скорости сайта/веб-страницы.
Инструмент оценивает скорость загрузки страницы по 100-бальной шкале. Оценка формируется на основании результатов, полученных по данным наблюдений за последние 28 дней. Все загрузки веб-страницы принимаются за 100%. Далее инструмент отслеживает, какой процент загрузок страницы прошел быстро, какой со средней скоростью, а какой с низкой.
Например, в отчете обязательно оценивается два показателя — первая отрисовка контента (FCP) и первая задержка ввода (FID). Данные берутся из отчета об удобстве пользования браузером Chrome.
На основании анализа этих и других результатов инструмент дает общую оценку скорости работы страницы. Вот шкала оценки:
- 0-49 баллов. Если сайт получает такое количество баллов, то попадает в красную зону — страница загружается медленно.
- 50-89 баллов. Оранжевая зона — средняя скорость загрузки страницы.
- 90–100 баллов. Зеленая зона — высокая скорость загрузки страницы.
PSI оценивает работу сайта сразу на компьютерах и мобильных устройствах и предоставляет отчеты с оценкой скорости загрузки и рекомендациями по ее ускорению отдельно для ПК и мобильных. Оба отчета содержат идентичную информацию.
Переходим на страницу инструмента PageSpeed Insights. Вводим домен сайта и кликаем «Анализировать».
Для просмотра отчета по загрузке страницы на компьютере переходим на вкладку «Для компьютеров»:
Скорость загрузки десктопной версии страницы инструмент оценил в 97 баллов. Это высокий уровень оптимизации.
Для просмотра отчета по загрузке страницы на мобильных устройствах переходим на вкладку «Для мобильных»:
Скорость загрузки мобильной версии оценена в 53 балла. Это средний уровень оптимизации, требуются мероприятия по ускорению работы страницы.
Ниже рассмотрим отчет по скорости загрузки мобильной версии страницы.
Отчет PageSpeed Insights состоит из несколько блоков:
- Оценка пользовательского опыта на основании реального взаимодействия людей со страницей.
- Оценка скорости в результате имитации загрузки страницы.
- Карта эффективности.
- Рекомендации по ускорению работы страницы.
Оценка скорости загрузки по данным наблюдений отражает опыт взаимодействия со страницей пользователей через браузер Chrome. Анализ проводится по четырем метрикам. Справа можно посмотреть, как отображается страница сайта после полной загрузки.
Разберем метрики и результаты по ним.
Первая отрисовка контента (FCP) — время с момента перехода пользователя на страницу до момента отрисовки первого бита контента из DOM. Это может быть любой контент на странице: текст, картинка, иконка и т. д.
В нашем отчете были получены такие результаты по показателю FCP:
- у 93% загрузок этой страницы хороший показатель FCP (меньше 1,8 секунды);
- у 5% загрузок этой страницы показатель FCP составляет от 1,8 до 3 секунд, поэтому его требуется улучшить;
- у 2% загрузок этой страницы фиксируется плохой показатель FCP — более 3 секунд, его также нужно улучшить.
Первая задержка ввода (FID) обозначает, сколько времени прошло с момента первого взаимодействия пользователя с сайтом до момента отклика страницы. Например, пользователь кликнул по ссылке. Оценивается, сколько времени понадобилось браузеру на то, чтобы ответить на это взаимодействие.
В отчете мы получили такие результаты по FID:
- у 97% загрузок хороший показатель по FID — менее 100 мс.
- у 3% загрузок показатель FID составляет от 100 до 300 мс. Это средний показатель, требуется его улучшить.
Отрисовка крупного контента (LCP) — время, которое требуется браузеру на отображение самого крупного видимого элемента на странице.
Результаты по LCP:
- у 95% загрузок хороший результат — меньше 2,5 секунд.
- у 4% средний результат — от 2,5 до 4 секунд.
- у 1% плохой результат — более 4 секунд.
Накопительный сдвиг макета (CLS) — показатель оценивает визуальную стабильность сайта. Учитывает суммарное смещение всех элементов, происходящее вне зависимости от действий посетителя страницы.
Результаты по CLS:
- у 100 % загрузок этой страницы хороший показатель CLS — меньше 0,1.
По результатам наблюдений PSI делает выводы о том, что за последние 28 дней страница соответствует требованиям Core Web Vitals. Вот шкала соответствия:
В нашем примере при 95% случаев загрузки страницы показатель LCP был меньше 2,5 секунд, в 97% случаев FID — менее 100 мс, в 100% случаев показатель CLS меньше 0,1.
Это данные по конкретному URL. Для получения оценки по сайту в целом надо установить галочку напротив опции «Показать данные об источнике»:
После этого инструмент покажет оценку всего сайта по рассмотренным выше четырем показателям:
Оценка по всему источнику ниже, чем по рассмотренной выше веб-странице. В выводе сказано, что источник не отвечает требованиям Core Web Vitals.
Подробно о том, что отражают показатели Core Web Vitals и как достичь приемлемых параметров, читайте в статье.
PSI имитирует загрузку страниц для сбора достаточного объема данных о скорости работы страницы. При этом используется инструмент Lighthouse, поэтому и метрики для оценки производительности страницы берутся из него.
Вот какие результаты были получены в отчете по имитации загрузки страницы:
Анализ проводится по шести показателям. Четыре показателя (FCP, LCP, FID, CLS) мы уже рассмотрели выше. Поэтому расшифровывать будем только новые метрики.
Первая отрисовка контента (FCP). В отчете этот показатель составляет 2,7 секунды. Показатель средний, поэтому напротив него стоит оранжевый квадрат.
Индекс скорости загрузки (SI) отражает, сколько времени потребуется браузеру на то, чтобы отобразить весь контент на странице. В примере SI составляет 3,9 секунды. Это средний показатель, поэтому он отмечен оранжевым квадратом.
Отрисовка крупного контента (LCP) занимает 5 секунд. Это низкая скорость, поэтому напротив стоит красный треугольник.
В отчете TTI составило 9,5 секунды. Это означает, что страница медленно загружается для взаимодействия. Поэтому напротив этого показателя стоит красный треугольник. Быстрая загрузка занимает от 0,5 до 2 секунд.
Время блокировки ввода (TBT) — время между отрисовкой первых элементов до момента, когда можно взаимодействовать со страницей.
Считается, что если время выполнения задачи занимает более 50 мс, то она выполняется долго. Поэтому оптимальный показатель TBT составляет 50 мс. В отчете показатель TBT составляет 650 мс — и вновь красный треугольник.
Накопительный сдвиг макета (CLS) равен нулю. Это оптимальное значение, поэтому напротив стоит зеленый кружок.
Показатели производительности тестируемой страницы могут меняться. На результаты влияет множество факторов: изменения маршрутизации интернет-трафика, тестирование на разных устройствах, работа антивирусных программ и т. д.
После отчета по метрикам в PSI отображается поэтапный процесс отрисовки страницы с момента первого взаимодействия пользователя с браузером.
Для получения более подробной информации кликаем на «Открыть карту эффективности»:
В открывшемся окне отобразятся все подвязанные к веб-странице ресурсы, которые уменьшают производительность при загрузке. К таким ресурсам относятся счетчики Яндекс.Метрики, Google Analytics, Facebook и т. д.
В таблице указан размер установленного скрипта и доля использования:
На основании полученных результатов PSI предоставляет рекомендации. Их внедрение, по мнению Google, ускорит работу страницы. Реализовать все рекомендации в полном объеме или выбрать самые критичные — зависит от наличия у вас времени, квалифицированных специалистов в штате и особенностей CMS вашего сайта.
На страницу выведены все рекомендации по улучшению производительности. Но при необходимости можно посмотреть результаты аудита в разрезе определенных показателей — FCP, LCP, TBT, CLS:
В таблице рекомендаций слева указаны действия, которые помогут ускорить процесс загрузки сайта. Справа — сколько получится сэкономить при их внедрении.
Рекомендации поделены на несколько блоков.
1. Оптимизация. Советы направлены на повышение производительности страниц. Исправление обнаруженных проблем повышает оценку PSI по скорости загрузки. Каждая возможность обозначена определенным знаком: красный треугольник означает, что выявленная проблема приводит к сильному снижению скорости страницы; оранжевый квадрат — загрузка протекает со средней скоростью из-за обнаруженных неполадок.
В примере ниже инструмент рекомендует удалить неиспользуемый JavaScript код. Прогнозируется, что его удаление позволит сэкономить 2,29 секунды времени. Также рекомендуется устранить ресурсы, блокирующие отображение, удалить неиспользуемый код CSS, использовать современные форматы изображений и т. д.
Для просмотра более подробных рекомендаций разворачиваем список напротив выбранной проблемы. Например, посмотрим, какие проблемы обнаружил инструмент с JavaScript кодом во время аудита:
В рекомендациях указано, где надо удалить неиспользуемый код для ускорения страницы:
Или вот рекомендации по использованию современных форматов изображений. После загрузки картинок в форматах WebP и AVIF можно будет увеличить скорость страницы на 0,15 секунды.
2. Диагностика. В этом блоке перечисляются проблемы, исправление которых повысит производительность сайта. В примере инструмент рекомендует настроить показ текста во время загрузки веб-шрифтов, уменьшить влияние стороннего кода, что повысит скорость на 450 мс, сократить размер структуры DOM и т. д.
Раскроем рекомендации инструмента относительно правил эффективного использования кеша для статистических объектов. Всего найдено 156 ресурсов, в которых PSI рекомендует сократить размер структуры. Внедрение этих рекомендаций позволит быстрее загружаться странице при повторных посещениях.
3. Успешные аудиты. В этом блоке перечислен список успешно пройденных аудитов. Всего их 18. Например, настроен подходящий размер изображений, уменьшен размер кода JavaScript, включено сжатие текста и т. д.
Еще раз возвращаюсь к теме проверки скорости загрузки сайта. Делаю я это по просьбе коллег-блоггеров и заказчиков. В этой статье я, коротко и со скринами, поясню механизм сей операции при помощи вашего браузера Гугл Хром.
Время загрузки сайта – это теперь один из самых важных факторов в продвижении блога или сайта. Хорошо, если время загрузки ваших страниц на сайте находится в диапазоне 325 – 600 миллисекунд. Поисковики не выставляют на первые страницы в поиске ресурсы, время загрузки которых велико. Это обусловлено заботой о пользователе, имеющем лимитный интернет или заходящем с мобильных устройств. А доля мобильного трафика не просто растет, она стала доминирующей.
Точно определить скорость загрузки вашего сайта можно сервисом, «живущем» в браузере Гугл Хром. С его помощью можно не только узнать время, требующееся на загрузку всего документа, но и определить какой элемент, код, скрипт, плагин и все остальное сколько времени грузится.
Как не следует измерять скорость загрузки сайта
Не следует проверять эту самую скорость различными сервисами проверки скорости загрузки. Все они показывают различное время. Ориентироваться на эти сомнительные результаты не стоит.
Достаточно сказать, что один из этих ресурсов показал 12 минут загрузки главной станицы моего сайта, что привело меня в полное уныние. Это объясняется местоположением анализаторского сервера, скоростью интернета в определенной географической точке, но никак не реальными показателями.
Сотрудники хоста Спринтхост мне подсказали, каким способом пользуются они сами и оказалось, что это удобно, быстро и надежно.
Измерение скорости загрузки сайта в браузере Гугл Хром
- Правой кнопкой мыши щелкаем в браузере Google Hrom на главной странице проверяемого сайта и выбираем строчку Просмотр кода элемента .
Открывается вот такое окно.
- В нем выбираем вкладку network
- Перезагружаем страницу с сайтом
Иногда бывает, что окно анализа уходит за вкладку страницы сайта, тоесь открыется в новом окне браузера. В этом случае, откройте его заново из панели быстрого запуска или сверните вкладку браузера со страницей сайта. Увидите окно готового анализа скорости загрузки сайта.
Если пройтись по всей вкладке – можно увидеть скорость загрузки каждого файла, изображения, плагина. И, в зависимости от выявленных проблем, нужно принимать решение.
Тут возможны варианты действий:
- Освобождаемся от лишних плагинов. (Наверняка, есть такие, без которых можно обойтись – проведите ревизию.)
- Заменяем плагины скриптом. К примеру, плагины кнопок соцсетей забирают до минуты времени загрузки сайта. Кнопки поставленные скриптом – нисколько не утяжеляют сайт.
- Оптимизируем изображения (уменьшаем вес каринок, убираем неиспользуемые, те, что когда-то были вами загружены, удалены из редактора изображений, но не удалены из библиотеки медиафайлов и с хоста). Это отдельный разговор и он нам еще предстоит.
- И, наконец, ставим плагин WP Super Cachе (об этом плагине и его настройках подробно в этой статье )
Несмотря на то что, я — противник лишних плагинов, этот плагин считаю необходимым. Полезен он тем, что сохраняя кэши (снимки) ваших страниц, сокращает число запросов к серверу.
Следовательно, время загрузки вашего сайта, вместе со всеми картинками, шапками, баннерами и прочими красивостями, значительно сокращается.
Если у вас есть претензии к своему хосту – перетаскивайте свои сайты на Спринтхост. Рекомендую.
От вас потребуется только написать письмо в техподдержку хоста с просьбой о переносе сайта. Все остальное, в лучшем виде, сделают ребята на хосте. Перенесут, как хрустальную вазу. Ваше участие будет минимальным. Многие мои коллеги уже перенесли свои сайты на Спринхост, потому что в трудную минуту их прежний хостер или сильно задерживался с ответом, или отправлял искать специалиста на фрилансе.
Техподдержка круглосуточная: хошь – по бесплатному круглосуточному телефону, хошь – письмом в техподдержку, — прям как в сказке.
Отвечают быстро, помогают очень скоро, и, немаловажно! внимательны к самым глупым вопросам и проблемам. Ни разу не слышала, что это не в их компетенции. А я такие вопросы поначалу задавала, что самой сейчас стыдно.
Измерьте скорость загрузки своего сайта и если проблемы с этим нет – я за вас рада. Если есть, это серьезный повод насторожиться. Принимайте меры. Оптимально, если страница грузиться меньше минуты.
Скорость загрузки сайта - это крайне важный параметр. Чем быстрее загружается сайт, тем меньше пользователю приходится ждать и тем больше пользователей находят то, что им нужно. В свою очередь, поисковые системы награждают сайты, которые работают быстрее и показывают их выше в поиске.
Но чтобы оптимизировать скорость работы сайта нужно сначала проверить ее, определить есть ли проблема и где именно, а уже потом устранить. В этой статье мы рассмотрим как проверить скорость загрузки сайта с помощью различных сервисов, а также как понимать полученные значения и что с ними делать.
Какой должна быть скорость?
Наверное, вы встречали сайты, которые грузятся слишком долго, и вы открывали другие вкладки и занимались другими делами пока страница полностью загрузится. Вот так быть не должно. Можно выразить все это в цифрах:
- 0,1-0,5секунды или 100-500 мс - мгновенно, пользователь даже не заметить никаких задержек. Другое дело, что такая скорость загрузки невозможна для современных сайтов, переполненных различными изображениями, скриптами и стилями;
- 1 - 3секунды - оптимальный вариант, пользователь заметит небольшую паузу, но это не вызовет раздражения и он продолжит работу на сайте. К такому результату нужно стремиться;
- 5-10секунд и больше - очень плохо, пользователю придется ждать и он может попросту уйти, или, по крайней мере у него останется неприятное впечатление о сайте.
Все что больше пяти секунд уже пора оптимизировать и оптимизировать серьезно. Но сначала поговорим о том, как узнать какая у вас скорость работы сайта.
Проверка скорости загрузки сайта
1. Google Chrome
Самый первый инструмент, который стоит использовать - это ваш браузер. Тут вы можете детально посмотреть с какой скоростью загружается страница у вас и какие элементы создают большую нагрузку. Откройте ваш сайт, например, главную страницу, и нажмите сочетание клавиш Ctrl+Shift+J, затем перейдите на вкладку "Perfomance":
Браузер предложит вам нажать кнопку F5, чтобы обновить страницу и записать сеанс, после этого отобразиться скорость загрузки:
Внизу страницы мы видим результат, она загружена за 8,1 секунды, это плохо, но первые элементы на странице появились уже в 2 секунды, а значит пользователи не почувствовали много неудобств. Тут вы можете найти множество полезной информации, какие материалы грузились долго можно посмотреть развернув надпись "Network":
Например, у меня время загрузки для различных стилей составляет около 400 мс, это много. Сворачиваем "Network" и смотрим "Frames". Синий индикатор показывает, когда завершилась загрузка основных компонентов и пользователь увидел первые элементы на странице (DOM Loaded):
2. Pingdom tools
Pingdom - это отличный сервис, который имеет очень простой интерфейс и позволяет посмотреть насколько быстро загружается каждый элемент вашего сайта и при этом имеет очень простой и понятный интерфейс. Просто введите адрес сайта в строку запроса:
Еще ниже находится полная диаграмма скорости загрузки сайта. По ней вы тоже можете определить какие ресурсы грузятся долго.
Можно отсортировать по "Load Time" в поле "Sort by":
Дальше, при анализе стоит обратить внимание на шкалу загрузки каждого файла. Обозначения:
- Розовый - время получения IP по DNS;
- Пурпурный - время установки соединения SSL;
- Синий - ожидание подключения к серверу;
- Оранжевый - время передачи данных;
- Желтый - время ожидания ответа сервера;
- Зеленый - время, потраченное на загрузку данных.
Перед тем как что-либо улучшать, нужно проанализировать все. Причем не только для одного элемента, а для всех в общем. Если сайт генерирует более 100 запросов, то оптимизация одного не всегда поможет сильно увеличить скорость, разве что только он не создавал огромных проблем.
Затем идет время ожидания ответа сервера. Этот параметр зависит от многих факторов - насколько долго запрос обрабатывается веб-сервером, php, загруженности сети и так далее. Время ожидание в 100 мс - это еще норма, но когда оно составляет 300 мс для статических файлов - это уже проблема. Допустим, на странице загружается 20 картинок, 20*300 - это уже шесть секунд, а возьмите статью, в которой картинок еще больше - 30, 50. Вот вам и время загрузки.
Время получения данных зависит от размера файлов, можно оптимизировать включением сжатия на лету, но это увеличит время ожидания Wait Time, или же сжав все заранее с помощью специальных утилит.
3. Host-tracker
Минус Pingdom в том, что там можно проверить скорость сайта только на заграничных ресурсах. Если нас интересует Россия, то лучшие использовать host-tracker:
Но здесь совой недостаток, загружается только html код страницы и все. Никакие изображения и вообще структура DOM загружены не будут. Например, в Москве, html код страницы загружается за 79 мс, а в Австралии за 2,5 секунды. Например, в Pingdom этот же показатель был примерно 800 мс. Тут не выполняется проверка скорости страниц сайта. Если вы хотите проверить скорость загрузки отдельного ресурса на странице, то вам нужно будет набирать его url отдельно.
4. Проверка скорости в терминале
Проверка скорости сайта в терминале Linux позволит получить больше всего необходимой информации, чтобы принять правильное решение по оптимизации. Мы выяснили, что самую большую проблему после проблемных файлов представляет время ожидания ответа веб сервера. Теперь нужно понять откуда оно берется. Утилита curl позволяет узнать скорость загрузки сайта, замерять время до получения первого байта, по сути, это и есть wait time + connect + dns + ssl + read. Команда выглядит вот так:
Значение каждой переменной:
- time_namelookup - время преобразования домена в IP адрес;
- time_connect - время установки соединения по TCP;
- time_appconnect - время, затраченное на соединение SSL;
- time_pretransfer - время, затраченное на подготовку к передаче данных;
- time_starttransfer - время получения первого байта от сервера;
- time_total - общее время загрузки страницы, только html, без скриптов и изображений.
Фактически здесь выходит, что время ожидания веб-сервера меньше 100 мс. Время отправки данных можно принять за 0, тогда wait time от pingdom будет time_starttransfer - time-pretransfer. Мы можем проверить другой ресурс, например, изображение:
Результат будет совсем другим, моему серверу понадобилось 63 миллисикунды на обработку этого запроса. Из чего можно сделать вывод, что все остальные задержки - проблема работы сети. Мы еще можем отследить как передаются пакеты и заголовки с помощью tcpdump, только нужно отключить SSL, иначе вы ничего там не разберете:
tcpdump -n -S -s 0 -vvvvv -A '(tcp dst port 80 or tcp src port 80) and (dst host ваш_ip or src host ваш_ip)'
- 14:30:08.392309 - отправлен запрос на страницу;
- 14:30:08.402702 - получен ответ.
Время отображается в микросекундах, фактически, время ожидания веб сервера составило 10393 микросекунд или 10 миллисекунд. Теперь понятно, что вся проблема в сети и веб сервер работает почти так же идеально, как и у гугла. А вот что делать с сетью это уже совсем отдельная тема, которая выходит за рамки данной статьи.
Выводы
В этой статье мы рассмотрели как проверить скорость загрузки сайта с помощью различных сервисов, а также как понять в почему скорость вашего сайта низкая. То, насколько быстро загружается ваш сайт, определяет насколько комфортно будет вашим пользователям на нем. Так что регулярно выполняйте тестирование скорости загрузки сайта и делайте все возможное чтобы ее увеличить.
Читайте также: