Сайт

Протестировать скорость загрузки сайта – Онлайн проверка скорости сайта

16.08.2020

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

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

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

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

В свое время Google представил сервис Page Speed – официальный инструмент для измерения скорости сайтов. Подобных сервисов немало, но по понятной причине веб-мастера предпочитают ориентироваться на рекомендации поисковика, в котором им предстоит продвигать свои проекты.


 

Как пользоваться Page Speed?

Для получения сводки и рекомендаций по оптимизации любого сайта достаточно перейти на страницу Page Speed Insights (PSI) и ввести в единственное поле интересующий домен. Запуск процесса, минута ожидания, и вы получаете целую гору полезной информации.

Результат тестирования делится на 2 группы показателей – для обычной и мобильной версии. Для каждой из них система покажет набранное количество баллов, исходя из всех задержек и обнаруженных проблем. Максимум можно набрать 100 попугаев. Отличным результатом считается показатель от 80. Свыше 90 – шикарным.

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

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

Полученные результаты система под капотом сравнивает с другими сайтами, которые находятся в базе. Если ваши пузомерки окажутся выше 98% других сайтов, но вы получите 100 баллов. Если лучше 75% — то всего лишь 50. То есть характеристика относительная, конкурирующая. Чем больше быстрых сайтов в системе, тем ниже по отношению к ним будут показатели какого-то условного ресурса, если его не оптимизировать постоянно.

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

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

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

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

  1. GTmetrix – https://gtmetrix.com/
  2. Pingdom Tools – https://tools.pingdom.com/
  3. Web Page Test – https://www.webpagetest.org/

 

Выводы и рекомендации

Google Page Speed – крайне полезный инструмент веб-мастера. Своего рода бенчмарк скорости работы сайтов от главной поисковой системы мира. На него ориентируются все в большей или меньшей степени.

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

Имитация загрузки страниц в PSI происходит с помощью Lighthouse – опенсорсного программного комплекса для оценки качества сайтов. Всё вышеописанное бесплатно.

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

uguide.ru

Как проверить скорость загрузки сайта: ТОП-5 сервисов проверки

Доброго времени суток, дорогие читатели блога iklife!

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

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

Чем быстрее загружаются страницы вашего сайта, тем это лучше для пользователей. Вам же не будет приятно, когда вы хотите прочитать какую-то информацию, а пост с нею открывается более 10 – 15 секунд? За это время вы уже можете передумать и просто закрыть вкладку с сайтом. Так мыслят и ваши клиенты. Они хотят видеть результат здесь и сейчас, а слишком долгое ожидание может послужить причиной отказа.

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

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

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

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

Теперь мы переходим к самому сладкому. А именно к сервисам, с помощью которых можно провести анализ скорости загрузки ресурсов.

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

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

PageSpeed Insights

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

Скопируйте адрес сайта в поле и нажмите кнопку “Анализировать”. Процесс может занимать от 30 секунд до минуты. После завершения вам будут выведены результаты.

PageSpeed Insights

PageSpeed Insights

Обычно PageSpeed Insights советует переместить JS-скрипты в нижнюю часть HTML-страницы, потому как они могут в значительной степени замедлять загрузку. Также этот инструмент “любит” давать советы по сжатию изображений, минификации CSS-файлов.

На фрилансе очень часто можно встретить заказы, когда клиент просит выполнить оптимизацию по Google PageSpeed. Вполне оправданное решение, учитывая, что после выполнения всех пунктов, вы можете ускорить свой сайт в 3 – 10 раз.

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

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

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

SeoLik

Еще один сравнительно популярный способ проверки ресурсов – SeoLik. Работает по тому же принципу, что и все остальные онлайн-инструменты. Вы вводите адрес, выбираете устройство проверки (мобильный или компьютер), после чего жмете большую цветную кнопку.

Сервис проверки скорости загрузки SeoLik

Сервис проверки скорости загрузки SeoLik

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

Результат проверки SeoLik

Результат проверки SeoLik

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

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

Кэш браузера в SeoLik

Кэш браузера в SeoLik

Причем вам даже будут предоставлены ссылки-примеры. С их помощью вы сможете быстро определить источник и далее устранить его. Удобно, не правда ли?

PR-CY

Один из старейших инструментов для проверки оптимизации ресурсов.

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

PR-CY – проверка оптимизации сайта

PR-CY – проверка оптимизации сайта

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

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

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

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

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

Уменьшить вес изображений на сайте можно как с помощью плагинов (если мы говорим о WordPress), так и вручную – используя графические редакторы или онлайн-сервисы. Последние не особо актуальны, т. к. в большинстве случаев они очень сильно портят качество картинок.

Pingdom Tools

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

Проверка загрузки с помощью Pingdom

Проверка загрузки с помощью Pingdom

Другими словами, это многофункциональный сервис, сродни Google PageSpeed. Однако, в отличие от последнего, вся информация предоставляется в удобном, разбитом на группы виде. Здесь есть подробные данные о каждом килобайте вашего сайта. Страницы, JS или CSS-файлы, их размер и многое другое.

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

Данные Pingdom

Данные Pingdom

Важной особенностью Pingdom является возможность тестирования из разных регионов США. То есть тесты можно произвести с двух устройств, которые находятся в разных точках страны, после чего сравнить их. Хоть разброс и не особо большой – всего 4 возможных местоположения, это позволяет определить скорость загрузки более точно.

Site Speed

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

Site Speed – узнайте скорость сайта

Site Speed – узнайте скорость сайта

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

Проверка скорости в Site Speed

Проверка скорости в Site Speed

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

Отчет Site Speed

Отчет Site Speed

Чтобы узнать подробности, мы должны кликнуть на соответствующие вкладки. Здесь они, к сожалению, не такие полные.

Web Page Analyzer

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

Web Page Analyzer

Web Page Analyzer

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

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

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

Page Objects – анализ скорости в Web Page

Page Objects – анализ скорости в Web Page

Заключение

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

Как я и сказал в начале статьи, каждый инструмент предоставляет примерно одну и ту же информацию. Какому из них отдать предпочтение – решайте сами, но я бы остановился на более популярных и подробных. Таких как Google PageSpeed и Pingdom Tools.

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

Если вы хотите стать опытным вебмастером и зарабатывать на своих проектах, то я рекомендую вам курс Василия Блинова “Как создать блог”. Разработка сайта на WordPress, оптимизация его под поисковые системы и монетизация – все эти вещи будут рассмотрены на курсе, который постоянно обновляется и дорабатывается.

iklife.ru

Тестирование и анализ скорости загрузки сайта

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

Это время, которое уходит на загрузку всех элементов интернет-ресурса. Оно делится на четыре этапа:
 

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

Time To First Byte или TTFB показывает, сколько времени прошло от запроса пользователя до загрузки первого байта на веб-странице.
 

Браузер загружает верстку, стили, контент страницы.

Время, которое тратится на загрузку визуальной части страницы — фотографий, видео, гифок.

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

Самый важный показатель для поисковиков (по крайней мере, Google) — TTFB.

Что еще по этой теме


 

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

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

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

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

Анализ скорости загрузки сайта: почему скорость может быть низкой

Самые распространенные причины:

Большие картинки — самая распространенная проблема. Пользуйтесь сервисами для оптимизации изображений:

 
Есть и автоматизированное решение — встроенные в движок плагины, которые оптимизируют картинку «на лету» еще на этапе ее загрузки на хостинг. Плагины для каждого движка индивидуальные.

Плагины оптимизации изображений для WordPress:

  • WP Smush
  • EWWW Image Optimizer
  • TinyPNG, TinyJPG
  • Resize Image After Upload

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

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

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

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

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

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

Хотите получить предложение от нас?

Начать сотрудничество
 

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

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

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

Search Experience Optimization

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

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

Если вы относитесь к SEO как к Search Experience Optimization — оптимизации пользовательского опыта — работа со скоростью загрузки должна стать приоритетом. Такой подход считается будущим поисковой оптимизации.

Смотрите также


 

(Visited 620 times, 1 visits today)

Loading…

blog.completo.ru

Добавить комментарий

Ваш адрес email не будет опубликован.