sitespeed.io

sitespeed.io

Веб-сайт | Документация | Журнал изменений | Мастодонт

Оглавление

• Добро пожаловать в чудесный мир веб-производительности
  • Что такое sitespeed.io?
  • Почему стоит выбрать sitespeed.io?
  • Погрузитесь в нашу документацию
• Установка
  • Докер
  • NodeJS
• Использование
  • Основное использование
  • Расширенная конфигурация
  • Тестирование производительности мобильных устройств
• Примеры
• Содействие
• Отчеты о проблемах
• Сообщество и поддержка
• Лицензия

Добро пожаловать в чудесный мир веб-производительности!

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

Что такое sitespeed.io?

sitespeed.io — это больше, чем просто инструмент; это комплексное решение для измерения, мониторинга и улучшения производительности вашего веб-сайта. Созданный с учетом простоты и эффективности, он позволяет вам:

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

Варианты использования sitespeed.io .

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

Почему стоит выбрать sitespeed.io?

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

Погрузитесь в нашу документацию

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

Установка

Начать работу с sitespeed.io очень просто. Вы можете установить его с помощью Docker или NodeJS, в зависимости от ваших предпочтений и настроек. Следуйте этим простым шагам, чтобы начать оптимизацию производительности вашего сайта.

Докер

Использование Docker — это самый простой способ начать работу с sitespeed.io , особенно если вы не хотите обрабатывать зависимости вручную. Запустите следующую команду, чтобы использовать sitespeed.io в контейнере Docker:

docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/

Эта команда извлекает последний образ Docker sitespeed.io и запускает тест на веб-сайте sitespeed.io. Часть -v "$(pwd)":/sitespeed.io монтирует текущий каталог в контейнер, позволяя вам легко получить доступ к результатам тестирования.

NodeJS

Если вы предпочитаете устанавливать sitespeed.io как пакет npm, убедитесь, что в вашей системе установлен NodeJS. Затем установите sitespeed.io глобально с помощью npm:

npm i -g sitespeed.io

После установки вы можете начать использовать sitespeed.io, запустив:

sitespeed.io https://www.example.com

Замените https://www.example.com URL-адресом, который вы хотите протестировать. Обратите внимание, что для использования NodeJS могут потребоваться дополнительные зависимости, такие как FFmpeg и Python. Подробные инструкции по установке этих зависимостей можно найти здесь.

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

Использование

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

Основное использование

Чтобы начать тестирование вашего веб-сайта, просто запустите sitespeed.io , указав URL-адрес сайта, который вы хотите проанализировать. Например:

sitespeed.io https://www.example.com --browser chrome -n 5

Эта команда проверяет https://www.example.com с помощью Chrome и выполняет 5 итераций теста. Этот подход помогает получить более точное измерение медианной производительности путем многократного тестирования сайта.

Расширенная конфигурация

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

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

sitespeed.io --help

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

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

Тестирование производительности мобильных устройств

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

Зачем тестировать на мобильном устройстве?

• Пользовательский опыт : значительная часть веб-трафика поступает с мобильных устройств. Тестирование на мобильных устройствах гарантирует, что ваш сайт оптимизирован для этих пользователей.
• Рейтинг в поисковых системах . Поисковые системы, такие как Google, отдают приоритет веб-сайтам, оптимизированным для мобильных устройств, в результатах поиска.
• Анализ производительности . Мобильные устройства имеют другие характеристики производительности, чем настольные компьютеры, например ограничения ЦП и нестабильность сети.

Как помогает sitespeed.io

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

Начиная

Чтобы начать тестирование производительности вашего веб-сайта на мобильных устройствах, вам необходимо настроить свой мобильный телефон для тестирования. У нас есть документация по настройке вашего телефона Android и iOS.

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

sitespeed.io https://www.example.com --android

Примеры

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

Сводный отчет

Вот пример сводного отчета в формате HTML, предлагающего полный обзор показателей эффективности вашего сайта:

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

Отчет по отдельной странице

Для более детального анализа, вот отчет по отдельной странице:

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

Панель мониторинга производительности

Чтобы отслеживать производительность вашего веб-сайта с течением времени, ознакомьтесь с нашей интерактивной настройкой на Dashboard.sitespeed.io, которая интегрирует sitespeed.io с Graphite и Grafana.

Метрики в Graphite/Grafana

Собранные метрики из URL-адреса, визуализированного в Graphite/Grafana:

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

Тенденции в Графане

Тенденции с течением времени в Grafana дают долгосрочное представление о производительности вашего сайта:

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

Анализ производительности видео

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

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

Содействие

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

1. Создайте проблему : создайте проблему и обсудите с нами, как ее решить.
2. Форк и клон : создайте форк репозитория и клонируйте его локально.
3. Создать ветку : создайте новую ветку для своей функции или исправления ошибки.
4. Разработка : внесите изменения. Убедитесь, что вы соблюдаете стандарты кодирования и, если применимо, пишите тесты.
5. Тест : Запустите тесты, чтобы убедиться, что все работает как положено.
6. Отправьте запрос на включение : внесите изменения в свою вилку и отправьте запрос на включение в основной репозиторий.

Прежде чем внести свой вклад, пожалуйста, прочтите наш CONTRIBUTING.md для получения более подробной информации о том, как внести свой вклад.

Отчеты о проблемах

Нашли ошибку или у вас есть запрос на добавление функции? Пожалуйста, используйте GitHub Issues, чтобы сообщить о них. Обязательно проверьте существующие проблемы, чтобы избежать дублирования.

Сообщество и поддержка

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

• Slack : общайтесь с другими пользователями и командой разработчиков Slack.
• Проблемы с GitHub . Если у вас есть технические вопросы, запросы на добавление функций и отчеты об ошибках, используйте раздел «Вопросы на GitHub».
• RSS/журнал изменений : последние выпуски и информацию всегда можно найти в нашем RSS-канале и в нашем журнале изменений.
• Мастодон : Следуйте за нами на Мастодонте https://fosstodon.org/@sitespeedio.

Мы рады видеть вас в нашем сообществе и с нетерпением ждем вашего вклада и взаимодействия!

Лицензия

Лицензия MIT (MIT).