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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 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

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

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