Как создать форму с вводом URL-адреса, который перенаправляет на страницу оценки / аналитики или отображает ее с помощью ajax

У вас есть несколько вариантов. Начиная от самого простого к самому сложному (и, на мой взгляд, от худшего к лучшему).

1. Добавьте тестовую страницу Page Speed ​​Insights (PSI) в iframe на своем сайте. Затем вы можете изменить URL этого iframe на https://developers.google.com/speed/pagespeed/insights/?url=yourwebsite.com и управлять ?url=yourwebsite.com так, как хотите.

Это может противоречить условиям обслуживания Google, а также неудобно для пользователей, но это самый простой способ добиться этого. Я оставлю вас исследовать этот вариант, если вы решите это сделать.

2. Перенаправляйте пользователей на новую вкладку. Так что просто сделайте <a target="_blank" href="https://developers.google.com/speed/pagespeed/insights/?url=yourwebsite.com">view your report</a> или выполните перенаправление через JS одним нажатием кнопки.

Опять же, не лучший вариант, поскольку люди покидают ваш сайт, но, по крайней мере, это не будет противоречить условиям обслуживания Google.

3. Используйте API анализа скорости страницы. https://developers.google.com/speed/docs/insights/v5/get-started.

Это ваш лучший вариант с точки зрения времени и гибкости. Вы предоставляете API с URL-адресом, и он возвращает ответ JSON со всеми метриками, которые он собирает, и оценкой.

Обратите внимание, что PSI находится в версии 6 API, которая скоро должна быть доступна для общего использования.

Очевидно, что это намного больше работы, но она того стоит, поскольку вы можете стилизовать все, как вам нравится.

4. Установите Lighthouse, движок, управляющий PSI, на свой сервер.

Вы можете найти репозиторий Lighthouse здесь. Обратите внимание, что вам нужно знать, как использовать узел, полезно понимать кукловода, и вам нужно разумное количество знаний администратора сервера, чтобы хром (используемый в качестве безголового веб-браузера для запуска тестов) работал и правильно связывался.

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