​​Как вывести в браузер сколько времени обрабатывался запрос на сервере?
#package #browser

Сегодня посмотрим, как можно узнать:
- Как быстро браузер получил ответ?
- А сколько запрос обрабатывался на сервере?

Chrome показывает Server-Timing заголовки. Для этого:
1️⃣Открываем исследуемый ресурс и консоль разработчика.
2️⃣Переходим во вкладку Network.
3️⃣Выбираем нужный запрос.
4️⃣Переходим во вкладку Timing.
5️⃣Смотрим результат.

Есть уже готовый пакет server-timing. Меня он сильно выручил в ситуации, когда было не ясно тормозит #nodejs или load-balancer.

Огляд Node.js 20: URL.canParse
#node20

З новою версією Node.js 20 ми отримуємо зручний статичний URL.canParse. Цей метод допомагає визначити, чи є валідним URL. Його синтаксис:
URL.canParse(url)
URL.canParse(url, base)

Раніше до цього треба було використовувати try catch та new URL. Приклад:
try {
new URL('https//invalid-url.com')
} catch (error) {
console.error(error)
}

Підтримка цього методу в браузерах поки слабка, але core-js має polyfill. Детальніше у MDM. Ще фронтедерам нагадаю, що HTML5 має вбудований тип введення URL - <input type="url">, який можна використовувати для перевірки даних від користувача.