Автоматическое измерение Web Vitals с помощью Google-таблицы

Как бесплатно отслеживать изменение параметров скорости загрузки страниц?

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

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

Она не только поможет вам измерить показатели для нескольких URL-адресов, но и визуализирует изменение показателей с помощью спарклайнов.

Таблица с результатами замера параметров Web Vitals
Таблица с результатами замера параметров Web Vitals

Как настроить таблицу под свои проекты

  1. Сделайте копию таблицы Web Vitals на вашем Google Диске.
  2. Перейдите на первую вкладку и введите список URL-адресов, которые вы хотите измерять и отслеживать. Также укажите уникальные имена листов для каждого URL-адреса, и показатели для этого URL-адреса сохранятся на соответствующем листе.
  3. Нажмите кнопку «Track Web Vitals», авторизуйте лист, и все готово.

Кнопка настроит ежедневное задание cron — программы, которая выполняет задания по расписанию. Она будет автоматически подключаться к Google PageSpeed ​​API, извлекать основные жизненно важные показатели для каждого указанного URL-адреса и записывать их в соответствующий лист.

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

Приложение Core Web Vitals

Измеряются такие показатели для десктопной и мобильной версии сайта:

  • First Contentful Paint
  • First Input Delay
  • Largest Contentful Paint
  • Cumulative Layout Shift
  • Speed Index
  • Time to Interactive
  • Estimated Input Latency

Первоисточник

Похожие статьи

Один комментарий на «“Автоматическое измерение Web Vitals с помощью Google-таблицы”»

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

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