Forwarded from Defront — про фронтенд-разработку и не только (Alexander Myshov)
Новые метрики для измерения отзывчивости сайтов
Разработчики Chrome уже более полугода работают над добавлением новых метрик, отвечающих за измерение отзывчивости сайтов. Хонгбо Санг рассказывает, как их можно подсчитать — "Hands On with the new Responsiveness Metrics".
В Core Web Vitals за отзывчивость страницы отвечает метрика First Input Delay. FID показывает величину задержки между пользовательским событием и временем, когда это событие начинает обрабатываться. У этой метрики много ограничений: оно показывает время задержки только первого события, оно не включает в себя время обработки события, с её помощью нельзя понять, лагает ли страница.
В новых экспериментальных метриках измеряется время обработки взаимодействий пользователя (interactions) на протяжении всей жизни страницы. Взаимодействие — это комбинация логически связанных DOM-событий. Например, для нажатия кнопки на клавиатуре такими событиями будут
На данный момент ещё нет окончательного списка метрик отзывчивости, так как у разных вариантов есть свои плюсы и минусы. В статье есть ссылка на код, который можно запустить в DevTools, чтобы получить все метрики, которые находятся на рассмотрении. Также есть экспериментальный плагин для Lighthouse для получения этих метрик.
Разработчики просят посмотреть результаты метрик на своих сайтах и оставить фидбек.
#performance #metrics
https://calendar.perfplanet.com/2021/hands-on-with-the-new-responsiveness-metrics/
Разработчики Chrome уже более полугода работают над добавлением новых метрик, отвечающих за измерение отзывчивости сайтов. Хонгбо Санг рассказывает, как их можно подсчитать — "Hands On with the new Responsiveness Metrics".
В Core Web Vitals за отзывчивость страницы отвечает метрика First Input Delay. FID показывает величину задержки между пользовательским событием и временем, когда это событие начинает обрабатываться. У этой метрики много ограничений: оно показывает время задержки только первого события, оно не включает в себя время обработки события, с её помощью нельзя понять, лагает ли страница.
В новых экспериментальных метриках измеряется время обработки взаимодействий пользователя (interactions) на протяжении всей жизни страницы. Взаимодействие — это комбинация логически связанных DOM-событий. Например, для нажатия кнопки на клавиатуре такими событиями будут
keydown, keypress и keyup.На данный момент ещё нет окончательного списка метрик отзывчивости, так как у разных вариантов есть свои плюсы и минусы. В статье есть ссылка на код, который можно запустить в DevTools, чтобы получить все метрики, которые находятся на рассмотрении. Также есть экспериментальный плагин для Lighthouse для получения этих метрик.
Разработчики просят посмотреть результаты метрик на своих сайтах и оставить фидбек.
#performance #metrics
https://calendar.perfplanet.com/2021/hands-on-with-the-new-responsiveness-metrics/
Web Performance Calendar
Hands On with the new Responsiveness Metrics
Background
In 2020, Google launched the Web Vitals metrics, which included a responsiveness metric: First Input Delay. But First Input Delay is not perfect. It only measures a portion of the latency users feel for the first user input. To capture more latency…
In 2020, Google launched the Web Vitals metrics, which included a responsiveness metric: First Input Delay. But First Input Delay is not perfect. It only measures a portion of the latency users feel for the first user input. To capture more latency…
Forwarded from UXPUB 🇺🇦 Дизайн-спільнота (uxpubpublisher)
Forwarded from Coding: работа и стажировки для программистов
Срочно нужны люди для работы в криптовалютной сфере с зарплатой от 2.000$!
Ищем:
- SMM-специалистов
- Копирайтеров
- Дизайнеров
- Программистов всех уровней
- Комьюнити менеджеры
Крипто вакансии для всех — берут и с опытом, и без!
UPD: на канале выкладывают вакансии от Binance, Coinbase, Huobi.
Ищем:
- SMM-специалистов
- Копирайтеров
- Дизайнеров
- Программистов всех уровней
- Комьюнити менеджеры
Крипто вакансии для всех — берут и с опытом, и без!
UPD: на канале выкладывают вакансии от Binance, Coinbase, Huobi.
Forwarded from Новые шрифты
Margit Variable — современный вариативный гротеск с двумя осями вариативности: насыщенности и наклона.
Лицензии от 324 $.
Купить: myfonts.com/fonts/schriftlabor/margit-variable/
#sans #variable
Лицензии от 324 $.
Купить: myfonts.com/fonts/schriftlabor/margit-variable/
#sans #variable
Forwarded from Дизайн-снайпер
Минутка классики дизайна.
Олды помнят. Классика геймдизайна «Принц Персии» в браузере Реализация «Принца Персии», написанная на HTML5 / JavaScript
Если нужно снизить сложность игры на половину, регулируете значение в адресной строке браузера значение 50, как в ссылке
Исходник на github
Олды помнят. Классика геймдизайна «Принц Персии» в браузере Реализация «Принца Персии», написанная на HTML5 / JavaScript
Если нужно снизить сложность игры на половину, регулируете значение в адресной строке браузера значение 50, как в ссылке
Исходник на github
Forwarded from Coding: работа и стажировки для программистов
QOI: как сжимать изображения в 20 раз быстрее STBI и без потерь
Представляем QOI — Quite OK Image Format. Он без потерь сжимает RGB- и RGBA-изображения до размера PNG, обеспечивая при этом ускорение в 20–50 раз при сжатии и ускорение в 3–4 раза при распаковке. Всё однопоточно, без SIMD. И до глупости просто.
Статья
Представляем QOI — Quite OK Image Format. Он без потерь сжимает RGB- и RGBA-изображения до размера PNG, обеспечивая при этом ускорение в 20–50 раз при сжатии и ускорение в 3–4 раза при распаковке. Всё однопоточно, без SIMD. И до глупости просто.
Статья
