Page Health — сервис мониторинга производительности веб-страниц

Привет всем. Меня зовут Игорь, я работаю фронтенд-разработчиком в одной довольно известной компании в сфере EdTech.

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

Задача была достаточно не тривиальной, потому что использовали мы Angular, а он как и любой SPA фреймворк не заточен под хорошие метрики перформанса. В ход шли всевозможные техники, от тривиальных в виде SSR и сильного дробления кода, для лейзи загрузки, до кеширования html кода темплейтов на стороне сервера и использования Svelte/Sapper.

Так как занимались мы этим довольно длительное время, то стало довольно трудно оценивать, какие именно фичи улучшали, а какие ухудшали перформанс. В основном все сводилось к - "ну вот метрики были в среднем красные, для страниц статей, а теперь вот зеленые. Ух, класс. А потом снова желтые, а почему точно неясно".

Собственно, на фоне всей этой деятельности, родилась идея создать SaaS который бы собирал данные Lighthouse Metrics и Chrome User Experience Reports и выводил в красивый график, что собственно и было сделано.

Page Health — сервис мониторинга производительности веб-страниц

На данный момент триггеров для сбора данных существует три:

1. Веб-хук в виде GET запроса для сбора данных по одной странице

2. Веб-хук в виде GET запрос для сбора данных с всех страниц сразу

3. Вручную через UI, по кнопке

Проект я решил делать сразу платным, с бесплатным триалом на 2 недели. Так как хочу понять кому действительно такой сервис будет полезен, а кому нет.

Ну и ссылка на сам проект, ради чего собственно я все это и писал :)

1414
5 комментариев

Очень нужное решение проблемы для тех кто хочет постоянно следить за метриками фронтенда, иначе приходится строить велосипед. Я думаю тут ценник может быть от 25$/mon. Готовь продукт на Product Hunt!

3
Ответить

Да, я собираюсь лаунчиться на Product Hunt. А что посоветуете добавить, улучшить, может есть интересные идеи?

Ответить

кажется что-то пошло не так
зайти не смог из-за развалившейся верстки, но по скринам не хватает разбивки по типа соединения и гео, типа https://treo.sh/sitespeed/vc.ru 

1
Ответить

Спасибо Вам. Tailwind неудачно обновился, а я тяну css прямо с cdna, последнюю версию. Скоро залью фикс.

1
Ответить

Это всё есть в gtmetrix для зарегистрированных пользователей

1
Ответить