Инструменты тестирования веб производительности
Tags: webdev, testing
Published: 2020-05-16 07:58:54

Вольный перевод статьи [Every Web Performance Test Tool](https://www.swyx.io/writing/webperf-tests/) 

Вот все инструменты тестирования производительности веба, который я знаю, чтобы помочь выявить проблемы на вашем сайте / получить некоторые ключевые показатели скорости. Идея в том, что когда вы думаете об улучшении, которое хотите, например, "TTFB" или "location" или "waterfall", то просто нажмите Ctrl + F на этой странице, чтобы найти инструмент, который поможет вам в этом.

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

# Комплексные инструменты

Инструменты, которые пытаются вам показать всю кухню, включая waterfall

[PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) - оригинальный PageSpeed от Google, типо Lighthouse на вебе - показывает FCP, FID, TTI, скриншоты, возможности и диагностику 

[WebPageTest](https://webpagetest.org/) - кажется, он высоко ценится в кругах веб-пользователей, которых я знаю. Вы выбираете местоположение и браузер. Он проходит трижды, показывает waterfall и кучу статистики с буквенной оценкой TTFB, FCP, временем Document Complete и Fully Loaded.

[GTMetrix](https://gtmetrix.com/) - также супер высоко ценится. Предоставляет вам рекомендации PageSpeed и YSlow, waterfall, исторические графики и (для зарегистрированных пользователей) видеозапись отрисовки

[Dareboost](https://www.dareboost.com/en) -выглядит простым, но на самом деле показывает видеозапись отрисовки, waterfall и рекомендации 

[Falco](https://getfal.co/) - open source WebPageTest runner. Автоматически запускает аудиты и видит эволюцию ключевых метрик производительности, чтобы легко проводить регрессионное тестирование и проверять эффективность отдельных URL-адресов или пользовательского опыта

[Sitespeed](https://www.sitespeed.io/) - также open source для мониторинга

# Платные сервисы

[PerfBeacon](https://perfbeacon.com/) - запускает Google Lighthouse/PageSpeed с запланированным интервалом + при запуске вызовами API. Ценовые планы от 2,5 до 50 тысяч тестов в месяц, 14-дневная бесплатная пробная версия

[Calibre](https://calibreapp.com/) - устанавливает метрики производительности из разных мест по всему миру, получает регулярные отчеты и получает [изменения производительности в Pull Request'ах](https://calibreapp.com/pull-request-reviews). Ценовые планы от 5 до 50 тысяч тестов в месяц, 15-дневная бесплатная пробная версия

[Amazon Cloudwatch Synthetics](https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/CloudWatch_Synthetics_Canaries.html)

# Рекомендации по улучшению

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

[Geekflare](https://gf.dev/) - Набор из 25 инструментов Geekflare, предоставляющий вам все - от аудита производительности веб-сайта до TTFB, тестов Traceroute и других тестов, связанных с безопасностью. Аудит дает хорошую оценку и множество рекомендаций по улучшению.

[Pingdom Tools](https://tools.pingdom.com/) - вы выбираете местоположение, оно дает вам некоторую статистику времени загрузки / размера страницы, возможности улучшения и waterfall с хорошим фильтром

[RequestMap from Webperf.Tools](https://requestmap.webperf.tools/) - [генератор карт запросов от Simon Hearnes](https://simonhearne.com/2015/find-third-party-assets/), который фокусируется на визуализации Third Party Assets. Укажите местоположение и устройство.

[ReportURI Security Headers](https://securityheaders.com/) - быстрый и простой способ проверить, есть ли у сайтов заголовки безопасности, такие как CSP и HSTS

[Mozilla Observatory](https://observatory.mozilla.org/) - обучает разработчиков, системных администраторов и специалистов по безопасности, как правильно и безопасно настраивать свои сайты.

# Банки тестирования

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

[Sucuri Performance](https://performance.sucuri.net/) - пингует ваш сайт из 16 мест по всему миру и дает вам время соединения и TTFB.
[Website Speed Test from Dotcom Tools](https://dotcom-tools.com/website-speed-test.aspx) - пингуя из более 20 мест и выберая браузер, он покажет вам время загрузки при первом посещении и повторном посещении!
[KeyCDN Perf Tools](https://tools.keycdn.com/performance) - пингует ваш сайт из 14 мест по всему миру и дает вам время DNS / Connect
[Latency.apex.sh](https://latency.apex.sh/) - пингует два URL-адреса для сравнения задержки из 13 местоположений. Хорошо подходит для сравнения сайтов с CDN и без него.
[Lighthouse Metrics](https://lighthouse-metrics.com/) - пингует Lighthouse из разных мест. Сделано [Chris](https://twitter.com/chriswdmr).
[FastOrSlow](https://www.fastorslow.com/) - FastOrSlow выполняет фактическую имитацию браузера из 12 мест по всему миру. Когда мы впервые спроектировали его, мы хотели предоставить как можно больше мест, включая такие места, как Южная Африка. Это означало, что в некоторых случаях нам требовались настоящие физические серверы. Поэтому мы построили его на физических серверах в дата-центрах по всему миру. ([Источник](https://news.ycombinator.com/item?id=23119701))

# Простые инструменты 

Простые в обращении - отличные для первичной проверки

[TestMySite от Netlify](https://testmysite.io/) - инструмент от Netlify, который проверяет TTFB и HTTPS и дает  100-бальную оценку

[TestMySite от Google](https://www.thinkwithgoogle.com/feature/testmysite/) - отчет о скорости мобильного соединения от Google - позволяет создать отчет с рекомендациями для вашей команды

[Bytecheck.com](https://www.bytecheck.com/) - предоставляет простой waterfall + DNS + Connect + SSL + Send + Wait + Receive

[YellowLab.tools](https://yellowlab.tools/) - хорошие буквенные оценки по каждому разделу

[Pingdom Tools](https://tools.pingdom.com/) - вы выбираете местоположение, оно дает вам некоторую статистику времени загрузки / размера страницы, возможности улучшения и waterfall с хорошим фильтром

[24x7 Page Analyzer](https://www.site24x7.com/web-page-analyzer.html) - вы выбираете местоположение, он показывает вам waterfall запросов с оценкой PageSpeed

[KeyCDN Speed Tool](https://tools.keycdn.com/speed) - по каждому ассету предоставляет детальную информацию - немного СВЕРХ детальное

[Butterfly](https://getbutterfly.com/) - Неограниченное автоматическое отслеживание и отслеживание скорости страницы, отслеживание безопасности и синхронизация производительности - основатель [Ciprian](https://twitter.com/getButterfly)