Определить скорость загрузки страницы

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

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

Список онлайн сервисов проверки скорости сайта

1. pingdom.com

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

и так в поле теста, вводи адрес вашего ресурса и жмем Test now

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

2.

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

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

3. webpagetest.org

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

Следующим идет пункт Waterfall View, подпробный срез загрузки всех ваших файлов.

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

4. gtmetrix.com

Достаточно не плохой online ресурс, так же вбиваете сайт и смотрите результат, движок там Mozilla, кто знает, есть такой же плагин с теми же тестами. Загрузка страницы, в канаде аж 5 секунд, до московского цода, так же размер страницы, количество запросов, и система оценки в виде Букв, в моем случае это A, значит все ок. Ниже можете посмотреть рекомендации, для увеличения скорости загрузки сайта в мире.

так же есть вкладка Waterfall со всеми загружаемыми файлами

и фишка данного ресурса оценка скорости загрузки сайта за год, в виде графика.

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

5. loadimpact.com

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

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

После измерения скорости вы получите результаты по скорости приема и передачи данных . Однако эти показатели можно брать во внимание лишь условно, поскольку скачивание файлов зависит от скорости, на которой осуществляется передача данных на конкретном сайте, а в случаях – от количества «раздающих» и скорости отдачи их канала. К примеру, один и тот же файл можно скачать с двух разных сайтов (или с двух раздач) на одном компьютере с разной скорость ю.

Если вас интересует фактическая скорость скачивания с конкретного сайта, вы можете узнать ее с помощью окна загрузок в браузере. Для этого поставьте файл на скачивание, откройте окно загрузки (в некоторых браузерах в виде вкладки) и обратите внимание на показатели скорости. Кроме того, если ваш компьютер под управлением Windows 7, установите на рабочий стол гаджет Network Meter, который можно скачать на сайтах www.wingadget.ru и www.sevengadgets.ru . С помощью него вы в любой момент сможете посмотреть скорость загрузки.

Инструкция

Трафик, который вы скачиваете себе на компьютер, с максимально доступной и его тарифа скоростью, если канал не используется еще как-либо ( -мессенджеры, фоновые обновления, загрузка сайтов в браузере). Эта скорость является входящей.
Исходящая скорость – это скорость отдачи трафика или его загрузки в . Иногда она может не указываться в параметрах тарифа. Так как же узнать скорость отдачи?
Вам потребуется посетить сайт- , который сможет определить скорость и качество исходящей . Чтобы узнать максимально точное значение отдачи, сначала приостановите все выполняющиеся загрузки обновления, он-лайн игры, сайты в браузере, мессенджеры типа ICQ и Skype.

Сайт-тестер “2IP” (ссылка: http://www.2ip.ru/speednew/ ) предлагает выбрать время замера теста и временные промежутки, через которые нужно каждый новый . Также необходимо указать свой e-mail в специальное поле и ввести капчу, после чего нажать кнопку «Тестировать». Суть этого теста состоит в том, что в течение выбранного промежутка времени сайт будет фиксировать скорость вашего канала и по окончанию теста отправит усредненный результат на ваш e-mail. Главное условие – во время всех вы не должны отключать компьютер и разрывать интернет-соединение, иначе тест прервется.

Если вы хотите получить значение результата исходящей скорости в немедленно, воспользуйтесь сервисом “Speed” этого же сайта-тестера (ссылка: http://2ip.ru/speed/ ). При этом данные будут не такими точными, но зато они представятся вам моментально. Кроме исходящей скорости, вы также узнаете входящую скорость, пинг, ваш IP и название провайдера.

Видео по теме

Обратите внимание

Отсутствие личеров – одна из причин низкого уровня отдачи трафика на торрентах, даже если скорость вашего канала высокая.

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

Вам понадобится

Программное обеспечение HD Tune.

Инструкция

Уже по названию программы можно определить, для каких целей она создана. Отличие HD Tune от других – небольшой вес (всего 640 Кб) и большое количество отображаемых параметров. Она способна сканировать весь диск на присутствие ошибок, а не только разделы, как это делают большинство подобных программ. Также стоит отметить еще один плюс – постоянный мониторинг температуры.

Для скачивания программы перейдите по следующей ссылке http://www.hdtune.com/download.html и выберите раздел HD Tune (бесплатная программа). После ее установки дважды щелкните по значку жесткого диска на рабочем столе. В открывшемся окне выберите жесткий диск, который необходимо протестировать, при условии, что их несколько.

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

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

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

Видео по теме

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

Инструкция

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

В том случае, если вы скачиваете файл без использования специализированного софта, время загрузки можно определить, зная размер файла и скорость скачивания . Например, если размер файла 100 мегабайт, а скорость скачивания равна 50 килобайтам в секунду, то время будет равно: 1024×100/50 = 2048 секунд или чуть больше 34 минут.

Помните о том, что скорость интернета и реальная скорость скачивания – это разные вещи. Например, скорость вашего подключения равна 100 мегабитам. Так как в байте 8 бит, то 100 мегабит = 12,5 мегабайт в секунду. Это значит, что файл размером 125 мегабайт вы должны скачать за 10 секунд. Но реальная скорость скачивания файлов обычно равна 50-150 килобайтам в секунду. На нее влияет множество факторов, в том числе и загруженность канала сервера, с которого вы скачиваете файл. Поэтому смотрите реальную скорость скачивания и уже по ней высчитывайте время загрузки файла.

Увеличивающееся количество веб-ресурсов, заставляют поисковики обращать внимание на скорость загрузки сайтов и мотивировать веб-мастеров к оптимизации скорости загрузки. Для качественной и количественной оценки скорости загрузки веб-ресурса есть специальные сервисы тестирования, на которых делается точная проверка времени загрузки сайта. О 9+ инструментах тестирования в этой статье.

Базовые инструменты

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

Для использования инструмента на сайте нужно установить счетчик Яндекс.Метрика. Инструмент анализа времени загрузки страниц, находится на вкладке: Яндекс.Метрика>>>Отчеты>>>Стандартные отчеты>>>Мониторинг>>>Время загрузки страниц .

Данный инструмент показывает разложенное на время до отрисовки сайта и время до загрузки DOM. Анализ проводится по собранным данным слежения за выбранный период. Много полезных фильтров для анализа, есть графики и диаграммы.

Проверка скорости загрузки сайта Яндекс.Метрика

Google Analytics

Для использования этого инструмента на сайте необходимо установить код слежение Google Analytics. Сам инструмент находится на вкладке: Google Analytics>>>Поведение>>>Скорость загрузки сайта.

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

проверка скорости загрузки сайта Google Analytics

Качественная проверка скорости загрузки сайта

Инструменты качественной оценки скорости загрузки сайта, не дают абсолютных величин времени загрузки в секундах. В этих инструментах есть некая условная шкала, где сайт, удовлетворяющий всем параметрам быстрой загрузки, имеет 100% соответствия. Зона удовлетворительного соответствия лежит в пределах 70-90%. Ниже 70% красная зона плохой оптимизации сайта по скорости загрузки.

Ведущий инструмент качественной оценки оптимизации сайта для быстрой загрузки, это инструмент Google PegeSpeed Insights (//developers.google.com/speed/pagespeed/insights/ ).

Google PegeSpeed Insights

Отличается этот сервис простой визуализацией результатов и почти понятными советами. По сути, все советы можно свести к четырем правилам:

Файлы CSS должны быть в ;
Все скрипты должны быть в конце ;
Фото сайта должны быть максимально сжаты;
Коды HTML и CSS сайта должны быть валидными.

Обратите внимание. После всех рекомендаций Google, появилась строка «Скачать оптимизированные изображения, файлы JS и CSS для этой страницы». Это значит, что сервис сам сжал (оптимизировал) все файлы, указанные в рекомендациях. Далее, просто скачиваете архив сжатых файлов по ссылке и заливаете их на сайт по нужным адресам. Адреса смотрим в рекомендациях.

Серсис Pr-cy.ru

http://pr-cy.ru/speed_test/

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

Проверка скорости загрузки сайта Pr-cy.ru

Сервис Seogadget.ru

http://www.seogadget.ru/sitespeed

Анализ скорости загрузки главной страницы из дата центра в Москве. Этот инструмент, не дает расширенного анализа времени загрузки, только качественные, но точные значения четырех основных параметров: ответ сервера (сек), размер ответа (кБ), соединение с сервером (сек), скорость отдачи.

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

Инструменты для тонкой оценки

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

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

Используя эти сервисы важно понимать, что каждый из них, тестирует сайт от своих дата центров, чаще расположенных в Америке или Европе. Это нужно учитывать.

Pindom.com

https://tools.pingdom.com/

Отличный инструмент (язык английский) для анализа скорости загрузки сайта. Тестирование идет от пяти дата центров: 3 в США, 1 в Австралии, 1 в Швеции (Стокгольм).

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

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

Webpagetest.org

http://www.webpagetest.org/

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

Отличается данный сервис, количеством точек проверки. Их 50 точек по всему миру, России нет.

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

Webpagetest.org

https://gtmetrix.com/

Этот сервис (английский язык) позволяет оценить скорость загрузки из дата-центров: Vancouver, Canada, используя для анализа браузер Firefox.

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

сервис Gtmetrix.com отчет теста

Примечание: Для WordPress есть плагин «GTmetrix for WordPress» (https://ru.wordpress.org/plugins/gtmetrix-for-wordpress/ ), который позволяет анализировать скорость сайта из административной панели.

Webo.in (Россия)

https://webo.in/

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

Однако, это единственный сервис, данного обзора, который анализирует скорость загрузки сайта по основным регионам России (Москва, Урал, Дальний Восток), а также, Европе и Украины.

Результаты анализа отдает качественной оценкой (как на фото) и расширенной таблицей с результатами по всем файлам сайта.

Webo.in (Россия)

Проверка скорости ответов серверов (доступность сайта)

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

https://webopulsar.ru/test/

Отличный сервис, показывающий ответ сервера, разложенный на составляющие. Оценка идет из России, Москвы, С-Петербурга, Европы.

http://sitespeed.me/ru/
https://www.host-tracker.com

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

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

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

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

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. Команда выглядит вот так:

curl "https://сайт" -s -o /dev/null -w "response_code: %{http_code}\n
dns_time: %{time_namelookup}\n\

total_time: %{time_total}"

Значение каждой переменной:

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..png" -s -o /dev/null -w "response_code: %{http_code}\

dns_time: %{time_namelookup}\n\
connect_time: %{time_connect}\n\
AppCon time:\t%{time_appconnect}\n\
pretransfer_time: %{time_pretransfer}\n\
starttransfer_time: %{time_starttransfer}\n\
total_time: %{time_total}"

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

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

14:30:08.392309 IP (tos 0x0, ttl 54, id 61543, offset 0, flags , proto TCP (6), length 129)
95.133.238.84.landmarks > 185.22.173.108.http: Flags , cksum 0x9f58 (correct), seq 1691128117:1691128194, ack 3071477496, win 229, options , length 77
[email protected]..._..T...l...Pd..5.........X.....
.Laa2../GET / HTTP/1.1
Host: test.сайт
User-Agent: curl/7.50.1
Accept: */*

14:30:08.392357 IP (tos 0x0, ttl 64, id 65431, offset 0, flags , 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 , length 0
E..4..@[email protected]_..T.P......d..............
2..p.Laa
14:30:08.402702 IP (tos 0x0, ttl 64, id 65432, offset 0, flags , 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 , 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 миллисекунд. Теперь понятно, что вся проблема в сети и веб сервер работает почти так же идеально, как и у гугла. А вот что делать с сетью это уже совсем отдельная тема, которая выходит за рамки данной статьи.

Выводы

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

Об авторе

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

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

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

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

Google PageSpeed Insights - проверка скорости загрузки страницы сайта

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

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

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

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

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

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

Сократите CSS

Оптимизируйте изображения - это обычно сильно повышает показатель по PageSpeed Insights

Сократите JavaScript

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

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

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

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

Сервисы для анализа скорости загрузки сайта

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

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

Как улучшить скорость загрузки страниц сайта

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

Оптимизация изображений

Проверьте, а не весят ли картинки сайта на слайдере главной страницы или в других блоках по несколько мегабайт - и такое бывает!

Я на практике сталкивался с таким - разработчики или владельцы сайта в последующем, загружали на сайт картинки прямо с фотоаппарата и представляете сколько они весят?!

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

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

Также обратите внимание на разрешение изображения. Если фото напрямую с фотоаппарата, то этот показатель скорее всего 300 dpi и можно смело его уменьшать до 72 dpi - этого более чем достаточно для сайта.

В фотошопе я сохраняю картинку в режиме "Сохранить для Web" - это также плюс оптимизации изображения.

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

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

Даже если Вы смотрите в сторону смены хостинга, выбирайте тот, что хотя бы работает на SSD дисках - это уже большой плюс к скорости будет. Я сначала для клиента, а затем и сам перебрался на fornex.com

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

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

Используйте кэширования страниц сайта

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

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

Если Ваш сайт сделан на wordpress, то наилучшим решением будет плагин WP Fastest Cache , но будьте осторожны - плагин может конфликтовать с некоторыми скриптами. Например, недавно начал сильно тупить слайдер на сайте клиента, оказалось что именно данный плагин перестарался с кэшированием. Но в целом такие случаи единицы и можете попробовать на своем проекте.

На этом пожалуй все. Быстрых сайтов всем моим читателям!

15 лайков