Из-за чего медленно работает сайт — основные причины и как это исправить

«Скорость загрузки сайта» — с чем ее едят?

1. Скорость ответа сервера. Здесь ничего нового не скажем – это время между тем, как пользователь кликнул на сайт и ему начал загружаться сам ресурс.

Почему это важно?

Во-первых, скорость ответа сервера прекрасно отслеживает Яндекс, и чтобы не ждать предупреждения от Яндекса и понижения в выдаче, можно проверить свой сайт с помощью инструмента https://webmaster.yandex.ru/tools/server-response/ .

Скорость ответа сервера VC.ru

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

2. Скорость загрузки контента. Это загрузка картинок и контента на сайте с сервера пользователю на устройство.

Почему это важно?

Опять-таки, картинка, которая весит 5 Мб и загружается минуту, скорее всего, приведет в недоумение пользователя, чем вызовет интерес. Но сразу предупредим, это палка о двух концах. Иногда лучше поставить картинку хорошего качества из интернета, которая весит больше рекомендованных 200 Кб, чем терять клиента из-за плохого, но своего фото товара.

Пример плохого фото товара. Фон, качество фотографии и ярлык отталкивают потенциального покупателя

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

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

3. Скорость отрисовки страниц. Сайт состоит из элементов (картинки, скрипты и так далее), и при его загрузке у пользователя все собирается воедино – то есть отрисовывается.

Именно скорость отрисовки страниц и проверяет Google Page Speed Insights.

Это самый популярный ресурс для определения скорости сайта, но далеко не всегда самый верный. Ведь на скорость отрисовки страниц влияют:

• Количество элементов;
• Верстка сайта;
• Хостинг;
• Наполнение страницы;
• etc.

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

Скорость отрисовки главной страницы Mvideo.ru

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

Вводные факты

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

• Инженеры Google выяснили, что пользователь замечает даже пустяковую задержку загрузки — 0,4 секунды;
• Пользователь с большой вероятностью покинет страницу, если та загружается 3+ секунд;
• Мобильные пользователи готовы ждать немного дольше — 6-10 секунд;
• 79% пользователей интернет-магазинов не сделают повторную покупку, если в первый раз сайт загружался долго.

Основные причины медленной работы сайта

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

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

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

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

Чтобы определить, статический или динамический файл нуждается в оптимизации, обратите внимание на расширение элемента, который долго грузится, в списке всех файлов сайта (Инструменты разработчика — Network — All):

К статическим файлам относят файлы с расширениями .css, .js, .html, .png, .jpg, .jpeg и т.п.

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

Медленно загружаются статические элементы

Причины:

• большой размер файлов;
• файлы загружаются со сторонних серверов.

Почему важно проверять скорость сайта?

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

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

Анализ скорости в сервисе состоит из измерения параметров, составляющих время загрузки сайта: FCP — времени до загрузки видимого контента, CLS — видимых сдвигов элементов, Total Blocking Time — времени блокировки действий пользователя, и других важных параметров.

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

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

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

Что делать, если медленно открываются страницы в браузере?

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

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

• Медленная скорость Интернет-подключения.
• Сбоящий Wi-Fi маршрутизатор.
• Тормозящие браузер расширения, кэш и куки.
• Пользователь пытается открывать странички в браузере через VPN-расширение или сервис.
• В операционной системе поселился вирус, который тормозит скорость Интернет-подключения.
• Антивирус или другое ПО, которое точно также затормаживает скорость подключения или же занимает канал на свою работу.
• DNS-сервер провайдера в данный момент испытывает проблемы при работе.

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

1. Сократите код

Чем объемнее код вашего проекта, тем больше он весит, а значит, тем большее время требуется для его загрузки. Поэтому в первую очередь вам нужно убедиться, что код оптимизирован. Особенно это касается первой, посадочной страницы, на которую попадает пользователь — будет лучше отказаться от тяжелых скриптов JavaScript и Ajax либо убрать их в нижнюю часть страницы. Придерживайтесь известного принципа KISS — Keep it short and simple — пусть код будет коротким и простым.

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

Если вы хотите узнать, все ли в порядке с JavaScript на странице вашего сайта, воспользуйтесь этим сервисом: https://varvy.com/tools/js/

Этот совет также касается HTML и CSS-кода. Как и в случае с JavaScript, особое внимание уделите внешним файлам — к примеру, внешним таблицам стилей, которые по возможности лучше вставить в HTML.

2. Используйте компрессию сайта

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

3. Сократите количество переадресаций

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

4. Уменьшите число плагинов

Данный пункт касается тех, кто пользуется CMS: WordPress, Joomla или какой-либо другой. Регулярно проверяйте список плагинов, которые вы используете, на предмет ненужных или уже неиспользуемых. Уменьшение количества плагинов положительно скажется на загрузке вашего сайта и его работе в целом. Если вы используете WordPress в качестве системы управления контентом, то оптимизировать число плагинов вы также можете при помощи специального плагина P3 (Plugin Performance Profiler): https://wordpress.org/plugins/p3-profiler/ Этот плагин покажет вам данные, касающиеся производительности других плагинов, и того, как каждый из них влияет на работу сайта. Это поможет вам определить, от каких плагинов следует отказаться в первую очередь.

6. Пользуйтесь кэшем браузера

Используя кэширование, вы можете значительно выиграть в скорости загрузки вашего сайта: когда пользователь первый раз заходит на ваш сайт, в кэше его браузера сохранятся некоторые JavaScript и CSS-файлы, которые затем будут автоматически показываться при его следующих визитах, а браузеру не придется тратить время на их загрузку. Для кэширования необходимо правильно настроить HTTP-заголовок Expires. Вы можете сделать это, прописав в файле .htaccess, который находится в корневой папке, следующие строки:

Header append Cache-Control «public» FileETag MTime Size ExpiresActive On ExpiresDefault «access plus 0 minutes» ExpiresByType image/ico «access plus 1 month» ExpiresByType text/css «access plus 1 month» ExpiresByType text/javascript «access plus 1 month» ExpiresByType image/gif «access plus 1 month» ExpiresByType image/jpg «access plus 1 month» ExpiresByType image/png «access plus 1 month»

В данном случае у всех типов установлен срок в 1 месяц, но вы можете изменить время на то, которое вам нужно: кэш может храниться определенное количество лет (years), месяцев (months), недель (weeks) или дней (days).

Если вы пользуетесь какой-то определенной CMS, то можете установить для этого специальный плагин. В случае с WordPress подойдет W3 Total Cache: кэширование включается в настройках (выберите Settings у данного плагина в списке всех установленных плагинов, затем General — поставьте галочку у “Toggle all caching types on or off (at once)”).

5. Оптимизируйте изображения

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

7. Следите за производительностью сайта

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

• уже упомянутый выше Page Speed Insights: https://developers.google.com/speed/pagespeed/insights/?hl=ru
  Этот инструмент от Google замеряет скорость загрузки вашего веб-ресурса (от 0 до 100 баллов; чем выше балл, тем лучше). Сервис даст вам рекомендации по улучшению производительности, а также покажет, какие пункты оптимизации вы выполнили. Имейте в виду, что так как в Page Speed Insights вносятся правки и корректировки, то количество баллов, которые получил ваш сайт, также может меняться.
• Pingdom Website Speed Test: http://tools.pingdom.com/fpt/
  Хороший англоязычный сервис для проверки скорости загрузки вашего ресурса. Будет особенно полезен тем, кто администрирует международные ресурсы, так как позволяет выбрать место, из которого будет производиться тестирование: США, Австралия или Швеция (результат будет отличаться). Выводит множество разных данных и дает рекомендации.
• Loadimpact: https://loadimpact.com/
  Этот сервис позволяет сгенерировать несколько запросов на ваш сайт, путем чего можно выяснить, во-первых, среднюю скорость загрузки вашего сайта, во-вторых, понять, как ваш сайт поведет себя при определенном количестве запросов (выдержит ли он нагрузку).
• LoadStorm: http://loadstorm.com/
  При помощи этого сервиса вы можете запустить достаточно серьезное тестирование своего сайта. Бесплатная версия сервиса позволит вам протестировать свой ресурс при помощи 10 пользователей, а вот платная версия дает больше возможностей, в частности вы сможете самостоятельно прописать сценарий, который будут выполнять пользователи (к примеру, нажать на определенную кнопку или перейти в нужный раздел). При этом вы обязаны верифицировать то, что являетесь владельцем сайта.

Плохое интернет-соединение

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

Проверка через командную строку

• Открыть командную строку Win + R.
• В появившемся окне написать cmd и ввести ping и адрес страницы с долгой загрузкой, например: ping google.ru.
• Если в результате виден процент потерь выше нуля или среднее время жизни пакета (TTL) выше 150 мсек, значит, есть проблемы с соединением. Нужно звонить провайдеру для исправления им ситуации с долгой загрузкой страниц.

С помощью онлайн-сервисов

1. Открыть сайт по ссылке http://www.speedtest.net, нажать на кнопку «Начать»/Begin test. Сервис проверит пинг, скорость получения и передачи данных, а также покажет внешний IP-адрес компьютера и название интернет-провайдера.
2. Сайт https://downforeveryoneorjustme.com проверяет работу конкретной страницы. Если долго загружается какой-то сайт, например, google.ru, ввести его адрес в окошко и нажать Enter. Результат «It’s just you. google.ru is up» будет означать, что с сайтом все в порядке, а проблема в интернет-соединении.
3. Сайт https://2ip.ru/speed/, кнопка «Тестировать». Будет проведена проверка пинга, исходящей и входящей скорости, определение IP-адреса компьютера и названия провайдера.

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

Браузер и его настройки

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

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

Очистить браузер

Для стабильной работы обозревателя важно периодически заниматься очисткой истории, кэша, файлов cookies и удалять ненужные закладки. Сделать это можно в настройках программы в главном меню. Если и далее в браузере долго грузятся интернет-страницы, нужно выполнить переустановку программы и чистку профиля. Для этого текущий браузер полностью удаляется в меню компьютера «Установка и удаление программ», а компьютер перезагружается. После переустановки некоторые файлы обозревателя могут все равно оставаться в системе. Чтобы избавиться от этих объектов, необходимо выполнить поиск папок с названием браузера. Открыть «Мой компьютер», ввести название в адресную строку и удалить. Затем установить последнюю версию программы и перезагрузить ПК.

Отключить рекламу

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

Отключить ненужные расширения

Большое количество расширений также бывает причиной медленной работы обозревателя и долгой загрузки страниц. Ненужные расширения рекомендуется отключить в разделе браузера «Настройки» — «Расширения/Дополнения».

Производительность ПК

В чем отличия между сетями 3G и 4G: особенности, преимущества и недостатки

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

И если очистка и настройка браузера не дали результатов, нужно проверить компьютер на наличие следующих проблем:

Нехватка свободного места на диске С

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

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

Для ускорения работы диска необходимо регулярно проводить дефрагментацию. Как найти: «Локальный диск (С:)» — «Свойства» — «Сервис».

Нехватка оперативной памяти

Чтобы уменьшить нагрузку на процессор и ОЗУ, нужно убрать лишние программы из списка автозапуска.

Это можно сделать в утилите CCleaner, как сказано выше, или выполнив команду msconfig в командной строке (Win + R — msconfig — вкладка «Автозагрузка»). Также стоит проверить, хватает ли компьютеру ресурсов для нормальной работы или необходима модернизация: Ctrl + Alt + Del – «Диспетчер задач» — «Быстродействие»/ «Производительность». Процент загрузки ЦП и памяти выше 80 будет означать, что ресурсов недостаточно. Если ситуация не изменится после закрытия ненужных задач, компьютеру понадобится ремонт.

Автоматическое обновление системы или программ

Проблемы с отображением интернет страниц в Яндекс Браузере при наличии интернета

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

Вирусы

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

Проблема с роутером, свитчем или кабелем

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

Настройка оборудования

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

Если используется ADSL-модем или маршрутизатор, следует перезагрузить девайс и зайти в веб-интерфейс. Для этого ввести IP-адрес модема в адресную строку браузера. На главной странице или во вкладке WAN проверить соответствие реальной скорости соединения с тарифной и посмотреть настройки соединения. Здесь же, во вкладке «Фильтрация по МАС- адресу»/Mac filtering просмотреть и отключить посторонние девайсы, «ворующие» трафик. При использовании коммутатора следует проверить настройки соединения по инструкции к конкретной модели.

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

Помехи со стороны

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

Ограничения от провайдера

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

 

Проверка скорости сайта — лучшие бесплатные инструменты

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

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

Как измерить скорость сайта с помощью WebPagetest

Предлагает на выбор для тестирования более 40 локаций и 25 браузеров (включая мобильные). Инструмент присваивает сайту категорию от F до А на основе различных тестов производительности, таких как FTTB, сжатие, кэширование, эффективное использование CDN и т.д. Финальный отчет разбит на шесть разделов, включающих в себя общую оценку, детализацию, обзор производительности, проблемы при загрузке контента и скриншоты.

Сервис помогает диагностировать, какие задержки возникают во время первого поиска DNS (о чем упоминалось ранее). WebPagetest содержит также более продвинутые функции, такие как захват видео, отключение Javascript, игнорирование сертификатов:

Sucuri Load Time Tester

Инструмент предоставит полную оценку производительности по шкале от A до F. Тест измеряет, сколько времени проходит от подключения к сайту или одной странице до полной загрузки. Параметр «время до получения первого байта«, показывает, сколько времени потребовалось для начала обработки страницы:

YSlow

YSlow выполняет тестирование скорости сайта в три этапа:

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

YSlow оперирует 23 различными правилами, как показано ниже на примере теста. Можно использовать бесплатное расширение для Chrome или получить результаты YSlow от GTMetrix.

Анализ скорости загрузки сайта с помощью GTmetrix

Он проверяет как показатели PageSpeed, так и YSlow, присваивая сайту категорию от F до A. Сводный отчет разбит на пять разделов, включающих PageSpeed, YSlow, разбивку процесса загрузки, видео и историю.

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

Вы можете проверить и сравнить показатели сайта для различных типов соединений (например, кабель против dial-up), чтобы определить, как это влияет на скорость загрузки страницы. В числе других функций можно отметить воспроизведение видео для анализа и выявления проблем при загрузке, а также возможность запуска Adblock Plus. При отключенной рекламе можно увидеть, как она влияет на загрузку анализируемого сайта:

Pagelocity

Инструмент проверки скорости загрузки сайта оценивает ресурс по 100-бальной шкале, которая состоит из таких параметров, как социальные функции, SEO, ресурсы и код. Он также позволяет отслеживать сайты конкурентов. Можно завести бесплатный аккаунт, чтобы воспользоваться дополнительными функциями.

Инструмент показывает, работает ли сайт через HTTPS, каково значение TTFB, и через диаграмму в графической форме отображает время загрузки элементов DOM:

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

DevTools Google Chrome

Это очень простой в использовании инструмент для проверки скорости сайта. Его можно запустить в Google Chrome, используя сочетания клавиш:

• Windows: F12 или Ctrl + Shift + I;
• Mac: Cmd + Opt + I.

В последнем обновлении инструментов для разработчиков в графики процесса загрузки были добавлены панели сводных данных. Это позволяет увидеть, на загрузку какого элемента требуется большего времени. Чтобы увидеть эту информацию, кликните по панели шкалы времени и нажмите Ctrl + R (Cmd + R), чтобы обновить страницу. Затем можно кликнуть по панели «Сводка» и «Сводные данные«:

В инструментах для разработчиков можно увидеть точное время загрузки контента DOM и общее время загрузки. Для просмотра этой информации кликните по панели «Сеть«, нажмите на кнопку «Показать обзор» и Ctrl + R (Ctrl + R), чтобы обновить страницу. Синяя линия будет показывать время загрузки контента DOM, а красная — общее времени загрузки. Обычно все, что находится слева или соприкасается с синей линией — это элементы, которые блокируют DOM (ресурсы блокирующие вывод):

Проверка скорости работы сайта с помощью dotcom-monitor

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

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

Be1.ru

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

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

Seolik.ru

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

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

Pr-cy.ru

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

Monitis

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

Web Site Optimization

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

• Запущен в апреле 2003 года, не обновлялся с 2008 года.

Тестирование скорости загрузки сайта с помощью PageScoring

Предлагает простой и понятный отчет о производительности. В нем отображается:

• Поиск домена;
• Время соединения;
• Время перенаправления;
• Размер страницы;
• Время загрузки.

После этого можно просмотреть, сколько времени потребовалось для загрузки отдельных элементов страницы:

Load Impact

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

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

Yellow Lab Tools

Это новый инструмент для тестирования скорости загрузки и качества front-end. Yellow Lab Tools предоставляет много полезной информации и содержит уникальные функции, которых нет в других инструментах. Например, отслеживание того, как взаимодействует JavaScript с DOM во время загрузки страницы.

Сайт получает суммарную оценку на основе следующих критериев:

• Вес страницы;
• Запросы;
• DOM;
• Некачественные скрипты Javascript;
• Некачественные стили CSS;
• Конфигурация сервера.

График JavaScript показывает фактические взаимодействия DOM во время загрузки страницы:

Как измерить скорость загрузки сайта с помощью Varvy Pagespeed Optimization

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

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

Проверка скорости загрузки страницы с помощью Uptrends

Предлагает более 35 географических точек для тестирования скорости сайта. Предоставляемый отчет состоит из двух разделов: разбивка процесса загрузки и группы доменов. Раздел «Группы доменов» содержит уникальную информацию, так как в нем ресурсы классифицируются по различным источникам: собственные, статистика, CDN, социальные, реклама:

Как проверить скорость работы сайта с помощью Pingdom

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

В анализе страницы приведен подробный обзор с дополнительной информацией: анализ размера, размер каждого домена (можно легко сравнить CDN-элементы с доменными), количество запросов на домен. А также, какой тип контента выполнял наибольшее количество запросов:

Как проверить скорость сайта онлайн с помощью DareBoost

Проводя анализ скорости сайта этот инструмент учитывает более 100 контрольных параметров. Из них складывается общая оценка от 1 до 100 баллов. Можно сравнить показатели загрузки сайта на стационарных и мобильных устройствах, в Firefox и Chrome, а также для пяти различных географических точек.

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

Тест скорости загрузки сайта с помощью Google PageSpeed Insights

Сервис позволяет проверить скорость сайта и выставляет ему по шкале от 1 до 100. Чем больше число, тем лучше оптимизирован ваш сайт. Все, что выше 85, указывает на то, что ресурс работает хорошо.

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

PageSpeed Insights определяет, насколько страница может быть оптимизирована по таким показателям:

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

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

Тест скорости сайта с помощью KeyCDN Speed Test

Это быстрый и простой способ тестирования скорости, чтобы получить представление о производительности сайта. Он предлагает на выбор 14 мест для тестирования по всему земному шару. Тест включает в себя разбивку процесса загрузки и визуализацию предварительного просмотра сайта. Можно быстро узнать, сколько HTTP-запросов было выполнено, а также полный размер запрашиваемой страницы и время загрузки.

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

Анализируем page speed по отчётам веб-аналитики

Если сервисы оценивают сайт с точки зрения потенциального пользователя, то отчёты веб-аналитики показывают результат постфактум, как есть. Сразу можно увидеть, как скорость коррелирует с другими параметрами (отказы, конверсии и прочее), как пользователи ведут себя, реагируют на процесс загрузки. Тем более что это единственная возможность изучить показатель по разным регионам России и СНГ.

Google Analytics

Путь: «Отчёты» → «Поведение» → «Скорость загрузки сайта».

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

Здесь, к примеру, не видно связи между отказами и временем загрузки

В разделе «Ускорение загрузки» можно посмотреть среднее время по всем URL и ознакомиться с рекомендациями Page Speed Insights по каждой странице.

При клике по предложениям PageSpeed в новой вкладке запустится инструмент Insights, о котором рассказывали в самом начале

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

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

Путь: «Отчёты» → «Стандартные отчёты» → «Мониторинг» → «Время загрузки страниц».

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

Красным отмечены локации, где страницы грузятся дольше всего

Метрики уже разбирали в разделе о Google Page Speed Insights, но здесь они называются иначе. Так, «Время до отрисовки» = «Время загрузки первого контента», «Время до загрузки DOM» = «Время загрузки для взаимодействия».

Схема из Яндекс.Помощи наглядно показывает процесс загрузки по этапам

В отчёте показатели оцениваются с помощью квантиля, по умолчанию его значение — 50%. В шапке отчёта можно указать другой процент квантиля и повысить точность, а также сегментировать данные, изучить их в разрезе других важных параметров (числа конверсий, времени на сайте, доли отказов или др.).

Фильтры работают так же, как и в других отчётах Метрики

P. S. Скорость загрузки — не самое главное

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

Джон Мюллер, ведущий аналитик Google, сказал на одной из видеоконференций, что скорость — не самый важный фактор ранжирования. Если сайт быстрый, не значит, что он будет №1. Теоретически пустая страница — самая быстрая, но вряд ли она будет хорошим результатом в выдаче.