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

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

Сейчас расскажем. Заваривайте чай, садитесь поудобнее. Погнали.

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

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

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

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

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

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

Cron — это программа, выполняющая задания по расписанию.

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

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

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

Первоисточник https://www.labnol.org/core-web-vitals-200819