Встраивание виджета теста скорости

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

Способ 1: Встраивание через iframe

Самый простой способ добавить тест скорости. Просто скопируйте и вставьте код.

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

<iframe 
    src="https://speedmeter.dev/widget.html"
    width="100%" 
    height="300"
    frameborder="0"
    allow="clipboard-write">
</iframe>

С параметрами

<iframe 
    src="https://speedmeter.dev/widget.html?theme=minimal&compact=false"
    width="400" 
    height="350"
    frameborder="0"
    style="border-radius: 10px;">
</iframe>

URL-параметры

Параметр	Значения	Описание
`theme`	default, minimal, dark, transparent	Визуальная тема виджета
`compact`	true, false	Компактный режим (меньший размер)
`hideMetrics`	true, false	Скрыть детали download/upload/ping

Способ 2: Встраивание через JavaScript

Более гибкая интеграция с настройкой через data-атрибуты.

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

<script src="https://speedmeter.dev/widget.js"></script>

С параметрами

<script 
    src="https://speedmeter.dev/widget.js"
    data-theme="minimal"
    data-compact="false"
    data-hide-metrics="false">
</script>

Data-атрибуты

Атрибут	Значения	Описание
`data-theme`	minimal, dark, transparent	Визуальная тема (по умолчанию градиент)
`data-compact`	true, false	Компактный режим
`data-hide-metrics`	true, false	Скрыть детальные метрики

Получение результатов (JavaScript)

Подпишитесь на событие завершения теста:

window.addEventListener('message', function(event) {
    if (event.data.type === 'speedtest-complete') {
        console.log('Download:', event.data.results.download, 'Mbps');
        console.log('Upload:', event.data.results.upload, 'Mbps');
        console.log('Ping:', event.data.results.ping, 'ms');
    }
});

Доступные темы

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

По умолчанию (Градиент)

theme= (без параметра)

Минимальная (Светлая)

theme=minimal

Тёмная

theme=dark

Прозрачная

theme=transparent

Компактный режим

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

Компактный виджет

compact=true

Часто задаваемые вопросы

Это бесплатно?

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

Нужна ли регистрация?

Регистрация не требуется. Просто скопируйте код и вставьте на свой сайт.

Есть ли ограничения на использование?

Жёстких ограничений нет при разумном использовании. При очень высоком трафике свяжитесь с нами.

Можно ли настроить внешний вид?

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

Работает ли на мобильных устройствах?

Да, виджет полностью адаптивен и работает на всех устройствах.

Нужна помощь?

Есть вопросы или нужна кастомная интеграция?

Связаться с поддержкой