WEB.DEV — инструмент Google для разработчиков

Содержание:

  1. Инструмент web.dev от Google
  2. Что представляет собой отчет?

Инструмент web.dev от Google

Google выпустил бета версию инструмента для разработчиков Web.dev. Он позволит, при создании веб сайтов и приложений, проводить аудит, оценивать его с помощью тестов производительности, SEO и пр. (рис. 1).

Инструмент web.dev

Рисунок №1 — Инструмент web.dev

Что представляет собой отчет?

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

Раздел Learn — обучающий раздел (рис. 2), в котором описано, как сделать свой сайт лучше по скорости загрузки сайта, как важна безопасность на сайте, как для поисковой системы, так и для пользователя, как обеспечить доступность сайта и др. Эти категории совпадают с пунктами аудита, о котором будет написано далее.

Обучающих раздел web.dev

Рисунок №2 — Обучающих раздел web.dev

  • Fast load times — Быстрое время загрузки(советы, как сделать сайт быстрым для каждого пользователя).
  • Network resilience — Сетевая устойчивость(как обеспечить стабильный доступ к сайту, вне зависимости от качества сети).
  • Safe 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-специалист
и программист любитель

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *