S-p.su

Антикризисные новости
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Протестировать скорость загрузки сайта

8 лучших инструментов для проверки скорости загрузки сайта

03.07.2019 Время прочтения: 6 минут

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

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

Короткий перечень сервисов без подробностей:

Дальше — разбираем особенности каждого из этих инструментов.

Google PageSpeed Insights — официальный инструмент от Гугл для проверки скорости загрузки сайта. Один из самых используемых среди веб-мастеров и SEO-оптимизаторов.

В 2018 году этот сервис глобально обновился. Новый интерфейс выглядит так:

Возможности и функции сервиса также изменились.

    Повысились планки метрик: быстрой веб-площадкой теперь может считаться та, которая получает показатель от 90 до 100 баллов. Раньше для максимальной оценки достаточно было 80.

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

  • Появился отчет «Данные наблюдений»: он будет доступен, если по сайту достаточно статистических данных. Похожий отчет в этом сервисе был и раньше, от него осталась одна из характеристик по источнику — «Первая отрисовка контента», которая оценивает время до того момента, когда на экране пользователя появляется контент страницы. Новая метрика здесь — «Первая задержка ввода»: она отображает время между первым взаимодействием пользователя с веб-ресурсом и ответом страницы на это действие.
  • Новый раздел «Имитация загрузки страницы»: сервис имитирует загрузку страницы в условиях 3G и оценивает ряд параметров. Эти параметры принципиально меняют оценку сайта:

    • время загрузки первого контента — когда браузер начал отображать первый элемент на странице;
    • индекс скорости загрузки — время, по истечении которого весь контент страницы становится доступен для просмотра;
    • время загрузки для взаимодействия — за какое время страница полностью прогружается для взаимодействия пользователя;
    • время загрузки достаточной части контента — когда становится виден основное содержимое сайта;
    • время окончания работы ЦП (центрального процессора) — показатель серверных настроек: время, за которое основной поток страницы разгружен, чтобы обрабатывать пользовательские команды ручного ввода;
    • максимальная потенциальная задержка FID — период в миллисекундах, который занимает ответ страницы на действия пользователя.

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

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

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

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

    Сервис оценивает скорость загрузки в миллисекундах и дает общие рекомендации.

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

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

    Проверять ресурс можно, имитируя обращения к серверу из разных стран (Япония, Германия, Великобритания, США, Австралия и Бразилия).

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

    Тестовый запрос производится из канадского Ванкувера.

    Фишки сервиса: хранит историю (можно сравнить, что стало лучше или хуже) и включает в себя анализ Google PageSpeed Insights и YSlow. Предлагает соответствующие рекомендации по разным типам ошибок (редиректы, оптимизация изображений, использование JavaScript и HTML и другие).

    Есть платная версия с бо́льшим количеством функций и расширений.

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

    Так же, как и Gtmetrix, показывает в том числе оценку от Google PageSpeed Insights:

    Анализирует содержимое веб-ресурса и отображает сведения в виде графиков и таблиц:

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

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

    В платных версиях в инструменте можно задавать до 60 адресов для сравнительного анализа и проверки внутренних страниц (коды ответов сервера, скорость загрузки каждой страницы, метатеги).

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

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

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

    Второй (и последний) русскоязычный сервис, позволяющий проверить скорость загрузки сайта и оценить его доступность:

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

    По результатам теста вы получаете рекомендации по улучшению показателей. Также можно получить сформированный отчет на почту.

    Завершает хит-парад хардкорный Load Impact — один из самых требовательных сервисов проверки скорости загрузки веб-ресурса. Тест этого сервиса по сути проводится по принципу DDOS-атаки. На сайт производится симуляция больше сотни активных соединений и несколько десятков обращений от пользователей.

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

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

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

    Проверка скорости загрузки сайта

    Введи url сайта

    Проверка скорости сайтов — тест, позволяющий определить оперативность загрузки ресурса.

    Скорость отклика — один из важных параметров, непосредственно затрагивающих SEO-продвижение. Он влияет:

    • на ранжирование сайта поисковыми системами;
    • популярность ресурса у посетителей.
    Читать еще:  Сайт для создания анимации онлайн

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

    По окончании проверки пользователь получает подробный отчет, где указана масса информации, в том числе:

    • динамика скорости загрузки ресурса;
    • время отклика страниц;
    • вес каждой страницы;
    • оперативность загрузки для отдельных элементов (изображения, скрипты, CSS-файлы);
    • анализ ответов серверов.

    Факторы, которые негативно сказываются на оперативности загрузки и могут быть выявлены при тестировании:

    • изображения слишком большого размера (неподходящий формат, недостаточное сжатие, чрезмерное разрешение);
    • аудио и видеоконтент, запускающийся автоматически (в первую очередь реклама);
    • лишние плагины, усложняющие работу скриптов;
    • увеличение размера данных, связанное с различными ошибками (чрезмерное количество CSS-файлов, лишние пробелы, некорректно функционирующие скрипты).

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

    Для проверки скорости сайтов можно воспользоваться различными онлайн-приложениями.

    Какими инструментами проверить скорость загрузки сайта?

    • Saitreport

    Сервис определяет оперативность загрузки по 100-бальной шкале. По окончании тестирования сайта формирует отчет с указанием проблемных мест. Пользователь получает полные рекомендации по эффективной оптимизации отклика страниц. Тестирование осуществляется бесплатно.

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

    Инструментарий от одноименной поисковой системы. Указывает оперативность загрузки по шкале от 0 до 100, работает с ПК и мобильными платформами, дает информацию о слабых местах и советы по повышению скорости.

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

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

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

    Сервис эмулирует легкий DDOS (несколько десятков «пользователей», свыше 100 активных соединений) для тестирования нагрузки. Такой стрессовый тест длится несколько минут, в этот период можно оценить работоспособность сайта при пиковой нагрузке. Выдает график с динамикой результатов.

    Определяет скорость доступа к сайту из разных регионов, задействует серверы в Европе, США, Азии. По каждому тестированию выдает сводную статистику.

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

    Инструмент для массовой проверки: позволяет одновременно оценить скорость 10-ти сайтов, сравнивая показатели.

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

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

    Выполнить рекомендации сервисов

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

    Использовать кэш браузера

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

    Включить сжатие

    Снижение веса загружаемых страниц ускоряет их отображение для конечного пользователя. Можно значительно снизить объем данных за счет GZIP-сжатия, идущего на сервере. Формат*.gz поддерживается всеми современными браузерами: получив такой архив, они самостоятельно распаковывают и отображают его содержимое.

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

    Сократить время ответа сервера

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

    Настройка кэширования для исполняемого кода на практике сводится к использованию менеджера кэша (Zend Guard, xCache, APC).

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

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

    Сервисы для проверки скорости сайта и возможности для его ускорения, которые советуют SEO-эксперты.

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

    Оптимальное время загрузки — 2-3 сек. Идеальное — время реакции пользователя, то есть, 0,5 сек. Однако для высоконагруженных веб-приложений оптимальная скорость может отличаться. В таком случае высчитайте среднее время загрузки конкурентов в вашей области и ориентируйтесь на него.

    Что влияет на скорость

    Система сайта. Сайт по сути система связанных электронных документов: файлов, изображений, видео, непосредственно кода. Размер документов влияет на скорость. Большой вес — нет быстродействия. Сначала узнайте вес собственного сайта. Откройте страницу через Google Chrome, зайдите в инструменты разработчика с помощью кнопки F12 и перейдите на вкладку Networks. Отключите кэш (disable cache) и посмотрите значение в нижнем левом углу. В нашем случае — 1,0 Mb, transferred.

    Затем с помощью сервиса Performancebudget.io узнайте необходимый вес сайта для быстрой загрузки. Введите желаемое время и выберите тип интернет-соединения.

    Система рассчитает оптимальный вес для данного типа соединения, покажет варианты распределения веса по типам данных и выдаст время, в течение которого будет загружаться страница при разном варианте подключения к интернету. В примере видим, что для кабельного соединения тестируемый ресурс может весить еще больше, чем сейчас. Для мобильного интернета 3G (780 кб/сек) он должен весит не более 192 kb, иначе его загрузка составит 4,17 сек.

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

    Как проверить скорость

    SpeedTest.me — сервис, который показывает, как загружается сайт в разных регионах мира. В нашем примере скорость загрузки в России составила 2,16 сек.

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

    В примере сервис рассчитал следующие показатели:

    • Page size (размер страницы) — 909,8 Кб;
    • Load time (время загрузки) — 2,55 сек.;
    • Requests (количество запросов) — 71;
    • Faster than (доля сайтов, которые медленнее тестируемого) — 60%;
    • Performance grade (уровни производительности) — 69.

    Если performance grade меньше 100, ищите и устраняйте проблему. Что-то «съедает» производительность.

    Сервис указывает на проблемы и присваивает им рейтинг: 0 — худшее значение, 100 — лучшее. В примере основная проблема — отдельные JS-скрипты. Они замедляют быстродействие.

    Читать еще:  Как сделать сайт wordpress с нуля

    Есть аналитика распределения ссылок и размера файлов.

    WebPageTest — еще один сервис для проверки. Выбирайте локацию и браузер. В примере локация — Амстердам, браузер — Google Chrome. Сервис делает три проверки. Он показывает время загрузки первого варианта страницы — то, что сразу увидит пользователь, и время полной загрузки страницы. В примере 3,544 сек и 3,692 сек соответственно.

    Процентное соотношение размеров и запросов между системами сайта:

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

    Уменьшите количество запросов. На запросы и ответы уходит время. Сократив их количество, мы увеличим скорость открытия страниц. Для этого загружайте все файлы, которые возможно, статично без использования запросов к базе данных. Дополнительно объедините CSS и JS в отдельные файлы. В этом помогут плагины Gulp, Grunt, WebPack.

    Оптимизируйте CSS и JavaScript. На скорость загрузки сайта сильно влияет размер и количество CSS и JS файлов, поэтому сожмите их с помощью онлайн-инструментов CSS Minifier и CSS Compressor для CSS; и JS Minifier и JavaScript Compression Tool для JS. Поместите скрипты JS в самый конец кода перед закрывающим тегом .

    Оптимизируйте изображения. Фотографии обычно занимают основную долю в размере файла. Сожмите изображения в формате png, jpg, svg с помощью инструментов: Kraken.io и TinyPNG. Объедините все иконки svg в спрайт через сервисы iconizr (svg) или css.spritegen.com (png, gif, jpeg). Применяйте гигиену изображений: вставляйте фотографию требуемого размера, а не большего.

    Используйте технологии для мгновенной загрузки контента. В Яндексе — это Турбо-страницы, в Google — Accelerated Mobile Pages. Технологии позволяют создать легкие версии страниц, которые весят в десять раз меньше. Это помогает быстро загружать страницы, в том числе и на мобильных устройствах.

    Шпаргалка

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

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

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

    Проверка скорости загрузки производится с помощью специальных сервисов: SpeedTest.me, ToolsPingdom.com, WebPageTest. Они подсчитают, за сколько времени загрузился сайт, количество запросов, размеры, уровни производительности, распределение ресурсов по весу и запросам.

    Увеличивайте скорость. Уменьшите количество запросов, по которым обращаются к серверу. Для этого объедините CSS в один файл и скрипты JS тоже в отдельный файл. Оптимизируйте их через инструменты CSS Minifier, CSS Compressor для CSS, и JS Minifier и JavaScript Compression Tool для JavaScript. Размещайте js скрипты перед закрывающим тегом .

    Оптимизируйте изображения. Делайте из иконок спрайты, сжимайте и оптимизируйте фотографии с помощью Kraken.io и TinyPNG. Используйте фотографии только требуемого размера.

    Настройте Турбо-страницы от Яндекс и AMP от Google для загрузки легкой версии страниц.

    Материал подготовила Светлана Сирвида-Льорентэ.

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

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

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

    Какой должна быть скорость?

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

    • 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):

    Загрузка элементов отображается на графике «Main», синим — HTML код, желтым — скрипты, зеленым — медиа данные, розовым — стили.

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

    2. Pingdom tools

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

    Страница загрузилась за 7.22, почти тот же результат, что и в Google Chrome и при этом со страницы было отправлено 115 запросов различных файлов и общий вес страницы 1,9 мегабайт.

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

    Можно отсортировать по «Load Time» в поле «Sort by»:

    Дальше, при анализе стоит обратить внимание на шкалу загрузки каждого файла. Обозначения:

    • Розовый — время получения IP по DNS;
    • Пурпурный — время установки соединения SSL;
    • Синий — ожидание подключения к серверу;
    • Оранжевый — время передачи данных;
    • Желтый — время ожидания ответа сервера;
    • Зеленый — время, потраченное на загрузку данных.
    Читать еще:  Опросы на сайт

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

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

    Затем идет время ожидания ответа сервера. Этот параметр зависит от многих факторов — насколько долго запрос обрабатывается веб-сервером, 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. Мы можем проверить другой ресурс, например, изображение:

    Здесь уже видим тот же wait time до 140 мс. Плохо, учитывая, что у серверов Google этот параметр до 5 мс. Дальнейший анализ нужно продолжить на вашем сервере. Мы посмотрим насколько быстро веб-сервер возвращает результат с помощью tcpdump. Дальнейшую инструкцию можно выполнить только на VPS/VDS, на хостингах у вас это не выйдет. Авторизуйтесь на вашем сервере по SSH и выполните там такую же команду:

    $ curl «http://test.losst.ru/wp-content/uploads/2017/07/Snimok-ekrana-ot-2017-07-31-18-56-04-300×169.png» -s -o /dev/null -w «response_code: %

    Результат будет совсем другим, моему серверу понадобилось 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)’

    Вы можете подробнее почитать как пользоваться tcpdump в отдельной статье. Фактически, этот фильтр означает, что нужно отображать все пакеты, полученные на порт 80 или отправленные с порта 80, при том, что они будут отправлены либо с вашего ip либо на ваш ip. Теперь в другом терминале выполните curl запрос к http версии сайта, в tcpdump вы увидите полный список пакетов и их содержимое:

    14:30:08.392309 IP (tos 0x0, ttl 54, id 61543, offset 0, flags [DF], proto TCP (6), length 129)
    95.133.238.84.landmarks > 185.22.173.108.http: Flags [P.], cksum 0x9f58 (correct), seq 1691128117:1691128194, ack 3071477496, win 229, options [nop,nop,TS val 5005665 ecr 848099631], length 77
    E. g@.6. _..T. l. Pd..5. X.
    .Laa2../GET / HTTP/1.1
    Host: test.losst.ru
    User-Agent: curl/7.50.1
    Accept: */*

    14:30:08.392357 IP (tos 0x0, ttl 64, id 65431, offset 0, flags [DF], proto TCP (6), length 52)
    185.22.173.108.http > 95.133.238.84.landmarks: Flags [.], cksum 0xb483 (incorrect -> 0x6fa7), seq 3071477496, ack 1691128194, win 227, options [nop,nop,TS val 848099696 ecr 5005665], length 0
    E..4..@.@. l_..T.P. d.
    2..p.Laa
    14:30:08.402702 IP (tos 0x0, ttl 64, id 65432, offset 0, flags [DF], proto TCP (6), length 2948)
    185.22.173.108.http > 95.133.238.84.landmarks: Flags [.], cksum 0xbfd3 (incorrect -> 0x2316), seq 3071477496:3071480392, ack 1691128194, win 227, options [nop,nop,TS val 848099707 ecr 5005665], length 2896
    E. @.@.<

    . l_..T.P. d.
    2.. <.LaaHTTP/1.1 200 OK
    Server: nginx/1.13.3
    Date: Fri, 18 Aug 2017 11:30:08 GMT
    Content-Type: text/html; charset=UTF-8
    Transfer-Encoding: chunked
    Connection: keep-alive
    Expires: Fri, 18 Aug 2017 21:30:08 GMT
    Pragma: public
    Cache-Control: max-age=36000, public
    X-Powered-By: W3 Total Cache/0.9.5.4

    • 14:30:08.392309 — отправлен запрос на страницу;
    • 14:30:08.402702 — получен ответ.

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

    Выводы

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

  • Ссылка на основную публикацию
    ВсеИнструменты 220 Вольт
    Adblock
    detector
    ×
    ×