Веб-ресурсы

Производительность, доступность и качество

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

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

Просмотр ресурсов
Редакционный метод

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

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

01

Официальная база

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

02

Профессиональные инструменты

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

03

Самостоятельное чтение

Присутствие редакционное и неоплачиваемое. Форма не является ни партнерством, ни гарантией.

перед выбором

Сравните по трем конкретным вопросам

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

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

Поиск и фильтры

Официальные отправные точки для этой темы

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

36 Отображаемые ресурсы

Производительность, доступность и качество

web.dev

Руководство Google по производительности, доступности и передовым методам в Интернете.

Для использования: Подключите руководство к производительности или доступности к измерению на ваших страницах.

МеждународныйМедиа / Резерв
web.devПосетите официальный сайт
Производительность, доступность и качество

Chrome for Developers

Документация для браузера Chrome, DevTools и веб-платформы.

Для использования: Воспроизвести проблему в браузере и записать этапы тестирования.

МеждународныйМедиа / Резерв
developer.chrome.comПосетите официальный сайт
Производительность, доступность и качество

PageSpeed Insights

Анализ производительности на основе маяка и имеющихся полевых данных.

Для использования: Отдельная лабораторная диагностика от полевых данных, когда доступны данные поля.

МеждународныйИнструмент/программное обеспечение
pagespeed.web.devПосетите официальный сайт
Производительность, доступность и качество

Lighthouse

Автоматизированный аудит производительности, доступности, SEO и лучших практик.

Для использования: Сравните повторные измерения на одной и той же странице, прежде чем ставить приоритеты.

МеждународныйИнструмент/программное обеспечение
developer.chrome.comПосетите официальный сайт
Производительность, доступность и качество

WebPageTest

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

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

МеждународныйИнструмент/программное обеспечение
webpagetest.orgПосетите официальный сайт
Производительность, доступность и качество

GTmetrix

Отчеты о скорости, веб-метрики и сроки загрузки.

Для использования: Прочтите детали загрузки, а не рассматривайте оценку как вердикт.

МеждународныйИнструмент/программное обеспечение
gtmetrix.comПосетите официальный сайт
Производительность, доступность и качество

W3C HTML Validator

Проверка разметки HTML по правилам веб-сайта.

Для использования: Исправьте ошибки HTML в источнике, затем проверьте несколько шаблонов.

МеждународныйИнструмент/программное обеспечение
validator.w3.orgПосетите официальный сайт
Производительность, доступность и качество

W3C CSS Validator

Проверка таблиц стилей CSS.

Для использования: Проверяйте соответствующие ошибки, не путая предупреждение с видимым дефектом.

МеждународныйИнструмент/программное обеспечение
jigsaw.w3.orgПосетите официальный сайт
Производительность, доступность и качество

Can I Use

Таблицы совместимости браузеров для веб-технологий.

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

МеждународныйСообщество/обучение
caniuse.comПосетите официальный сайт
Производительность, доступность и качество

BrowserStack

Тестирование веб-сайта и приложений на реальных браузерах и устройствах.

Для использования: Воспроизведите важное путешествие на приоритетных устройствах и браузерах.

МеждународныйИнструмент/программное обеспечение
browserstack.comПосетите официальный сайт
Производительность, доступность и качество

axe

Автоматизированные инструменты тестирования цифровых доступов.

Для использования: Пара автоматизированных выводов с человеческим обзором путешествия.

МеждународныйИнструмент/программное обеспечение
deque.comПосетите официальный сайт
Производительность, доступность и качество

WAVE

Визуальная оценка проблем с доступностью на веб-странице.

Для использования: Просмотрите вопросы в их визуальном и редакционном контексте.

МеждународныйИнструмент/программное обеспечение
wave.webaim.orgПосетите официальный сайт
Производительность, доступность и качество

WebAIM

Ресурсы, обучение и инструменты, предназначенные для веб-доступности.

Для использования: Прочтите метод доступности, затем примените его к реальной странице.

МеждународныйМедиа / Резерв
webaim.orgПосетите официальный сайт
Производительность, доступность и качество

Squoosh

Сжатие и сравнение изображений прямо в браузере.

Для использования: Сравните размер изображения и внешний вид перед выбором формата.

МеждународныйИнструмент/программное обеспечение
squoosh.appПосетите официальный сайт
Производительность, доступность и качество

TinyPNG

Онлайн-сжатие для обычных форматов веб-изображений.

Для использования: Перед заменой изображения проверьте выходные данные и размер файла.

МеждународныйИнструмент/программное обеспечение
tinypng.comПосетите официальный сайт
Производительность, доступность и качество

EcoIndex

Французская оценка экологического следа веб-страницы.

Для использования: Используйте индикатор для сравнения страниц, затем проверьте технические причины.

ФранцияИнструмент/программное обеспечение
ecoindex.frПосетите официальный сайт
Производительность, доступность и качество

GreenIT.fr

Французскоязычные ресурсы по цифровой устойчивости и эко-дизайну.

Для использования: Relate a sustainability recommendation to site measurement data.

ФранцияМедиа / Резерв
greenit.frПосетите официальный сайт
Производительность, доступность и качество

ARIA Authoring Practices Guide

Официальные шаблоны и примеры для разработки доступных интерактивных компонентов с ARIA.

Для использования: Сравните поведение клавиатуры интерактивного компонента с документированным шаблоном.

МеждународныйУчреждение/стандарт
w3.orgПосетите официальный сайт
Производительность, доступность и качество

WAI Evaluation Tools

Список инструментов оценки доступности W3C, дополненных тестированием на людях.

Для использования: Выберите Аудиторские пособия, затем вручную просмотрите результаты и маршруты пользователей.

МеждународныйУчреждение/стандарт
w3.orgПосетите официальный сайт
Производительность, доступность и качество

MDN Web Performance

Документация для критического пути, метрик, ресурсов и API измерения производительности.

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

МеждународныйСообщество/обучение
developer.mozilla.orgПосетите официальный сайт
Производительность, доступность и качество

Core Web Vitals

Ссылка на LCP, INP, CLS и их интерпретацию в реальном пользовательском опыте.

Для использования: Отличайте лабораторные измерения от данных реальных пользователей, если они доступны.

МеждународныйУчреждение/стандарт
web.devПосетите официальный сайт
Производительность, доступность и качество

Interaction to Next Paint

Руководство по измерению и улучшению реакции взаимодействия с INP.

Для использования: Осмотрите медленное взаимодействие на страницах, где посетители действительно должны действовать.

МеждународныйУчреждение/стандарт
web.devПосетите официальный сайт
Производительность, доступность и качество

Chrome UX Report

Документация для общедоступных полей данных, используемых для наблюдения за реальным опытом Chrome.

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

МеждународныйУчреждение/стандарт
developer.chrome.comПосетите официальный сайт
Производительность, доступность и качество

Lighthouse Performance Audits

Справочник по проверкам маяков и их ограничения при диагностике страницы в лаборатории.

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

МеждународныйИнструмент/программное обеспечение
developer.chrome.comПосетите официальный сайт
Производительность, доступность и качество

WCAG Evaluation Methodology

Структурированная методология определения объема, выбора репрезентативной выборки и документирования оценки WCAG.

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

МеждународныйУчреждение/стандарт
w3.orgПосетите официальный сайт
Производительность, доступность и качество

W3C ACT Rules

Согласованные правила тестирования для автоматической или полуавтоматической оценки требований к доступности.

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

МеждународныйУчреждение/стандарт
w3.orgПосетите официальный сайт
Производительность, доступность и качество

Chrome DevTools Performance

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

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

МеждународныйИнструмент/программное обеспечение
developer.chrome.comПосетите официальный сайт
Производительность, доступность и качество

Chrome DevTools Accessibility

Справочник по функциям DevTools, охватывающим дерево доступности, контрастность и вычисляемые свойства.

Для использования: Осмотрите выявленные свойства элемента, затем проверьте использование клавиатуры.

МеждународныйИнструмент/программное обеспечение
developer.chrome.comПосетите официальный сайт
Производительность, доступность и качество

W3C WAI Forms Tutorial

Учебник W3C по меткам, инструкциям, проверке и сообщениям, которые делают формы более доступными.

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

МеждународныйУчреждение/стандарт
w3.orgПосетите официальный сайт
Производительность, доступность и качество

W3C WAI Form Notifications

Официальные примеры для четкого сообщения об успехе или ошибках после подачи формы.

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

МеждународныйУчреждение/стандарт
w3.orgПосетите официальный сайт
Производительность, доступность и качество

RGESN — écoconception des services numériques

Общедоступная структура цифрового экодизайна с критериями, методами проверки и декларацией для документирования вариантов дизайна услуг.

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

ФранцияУчреждение/стандарт
arcep.frПосетите официальный сайт
Производительность, доступность и качество

MDN WebVTT

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

Для использования: Сравните трек с видео, языками и необходимой аудиоинформацией.

МеждународныйСообщество/обучение
developer.mozilla.orgПосетите официальный сайт
Производительность, доступность и качество

MDN font-display

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

Для использования: Наблюдайте состояния до и после загрузки с помощью резервного шрифта.

МеждународныйСообщество/обучение
developer.mozilla.orgПосетите официальный сайт
Производительность, доступность и качество

W3C WAI Tables

Учебник W3C по таблицам данных и ассоциациям между ячейками и заголовками.

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

МеждународныйСообщество/обучение
w3.orgПосетите официальный сайт
Производительность, доступность и качество

W3C WAI Media

WAI Руководство по подготовке доступных аудио- и видеоматериалов.

Для использования: Планируйте необходимую текстовую и аудиоинформацию во время производства.

МеждународныйСообщество/обучение
w3.orgПосетите официальный сайт
Производительность, доступность и качество

W3C Accessibility Evaluation Planning

WAI Обзор методов и шагов оценки доступности.

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

МеждународныйСообщество/обучение
w3.orgПосетите официальный сайт
Выберите отправную точку

Что помогает решить каждая категория.

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

Производительность, доступность и качество

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

Очки для проверки
  • Измерение различных семейств страниц и устройств.
  • Соедините каждое находку с причиной и пораженным путешествием.

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

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

Примеры: web.dev · PageSpeed Insights

Сопутствующее руководство: Проверить доступность веб-сайта с помощью реальных задач

Прозрачность

Редакционная область и сторонние сайты

Этот неисчерпывающий каталог подвергался проверке данных и ссылок 2 октября 2026 года. Некоторые сайты ограничивают автоматические проверки. Он содержит внешние ссылки на независимые сайты. Их доступность, содержание, цены, файлы cookie и условия могут меняться. Française du Numérique Не контролируйте их и не получайте комиссионных за их присутствие.

предложить ресурс или исправление
Вопросы по каталогу

Выбор, независимость и обновления.

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

Нет. Лист — это документальная справка, а не сертификация, товарищество, аудит безопасности или коммерческая рекомендация. Упомянутые организации по-прежнему несут ответственность за свои продукты, содержание, цены, доступность, файлы cookie, обработку данных и условия контракта. Ресурс может быть адаптирован к одному проекту и неприемлемым для другого в зависимости от бюджета, применимого права, технических требований и навыков команды. Française du Numérique Не получает никаких комиссий за наличие сайта в этом редакционном каталоге. Перед созданием учетной записи, покупкой сервиса или доверяющими данными желательно ознакомиться с официальной документацией, текущими условиями, возможностями экспорта, поддержкой и доступными независимыми элементами. Решение, касающееся юридического, финансового или безопасности, может потребовать консультации квалифицированного специалиста.

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

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