Как правильно пофиксить INP и весь Performance: опыт команды ОК

С 12 марта 2024 года метрика FID (First Input Delay) из семейства Core Web Vitals заменена метрикой INP (Interaction to Next Paint), которая оценивает скорость отклика сайтов. При этом, согласно оценке Google, по метрике FID было оптимизировано 93% сайтов, но лишь 65% — по INP. В связи с этим владельцы интернет-ресурсов столкнулись с необходимостью оперативно дорабатывать свои сайты, чтобы не потерять позиции в поисковой выдаче. Меня зовут Кирилл Радыгин. Я руководитель фронтэнд направления в компании Одноклассники. В этой статье я расскажу, как команда ОК адаптировала соцсеть под изменившийся набор метрик оценки перформанса.

https://habr.com/ru/companies/vk/articles/905196/

#продуктовая_разработка #performance #performance_optimization #performance_tests #frontend #webvitals #google_console #lcp #inp #cls

Как понять Unity3d, если ты .NET разработчик

Ловили ли вы себя когда-нибудь на мысли, что, будучи C# .NET разработчиком, вы можете попробовать начать разрабатывать игры на Unity3d? Ведь язык используется тот же. А точно ли тот же? Точно ли код, написанный для .NET, может без проблем быть скопирован для выполнения в Unity3d приложении? Давайте в этом разберемся и поймем, какие дополнительные знания необходимы C# .NET разработчику, чтобы с комфортом разрабатывать игры.

https://habr.com/ru/articles/871342/

#unity3d #unity #c# #performance #performance_optimization #gamedev #gamedevelopment #unity_уроки #unity_туториал #memory_management

Как в eXpress достигали мгновенного рендера отправки сообщения: оптимизация локальной базы данных

Откройте eXpress, и отправьте в чат простое "Привет". Обратите внимание на то, сколько времени прошло между тем, как вы нажали на кнопку "отправить", и тем, как сообщение появилось в чате. Для человеческого глаза отображение отправленного сообщения в чате происходит мгновенно. Это современный стандарт - действия в чате должны происходить максимально быстро. В идеальном случае никаких задержек быть не должно. Отправка сообщения, тем не менее - это сложная операция, которая требует проделать большой объем работы. Самая существенная её часть - это работа с локальной базой данных. eXpress спроектирован как offline-first, и много данных хранит локально. У одного пользователя могут быть тысячи активных чатов, и десятки/сотни тысяч сообщений, и работа со всеми ними должна оставаться быстрой. Меня зовут Воронская Дарья, я работаю в Android Core команде

https://habr.com/ru/companies/express/articles/852268/

#Android #Sqlite #performance_optimization #room #мессенджеры

Оптимизация производительности Vue.js приложений: Практическое руководство

Vue.js — один из самых популярных фреймворков для создания пользовательских интерфейсов. Однако, как и в любом крупном веб-приложении, при увеличении количества компонентов и данных, производительность может снижаться. Оптимизация производительности — важный аспект, который влияет на пользовательский опыт и SEO-оценки. В этом руководстве мы рассмотрим практические подходы и техники, которые помогут вам улучшить производительность Vue.js приложений.

https://habr.com/ru/articles/839482/

#Vue #javascript #performance_optimization

Осознанная оптимизация Compose 2: В борьбе с композицией

Jetpack Compose постоянно развивается, открывая перед разработчиками новые горизонты для оптимизации. С момента нашего последнего обзора, мы добились значительного прогресса, сократив задержки при скролле с 5-7% до нуля. В этом материале мы поделимся свежими находками и передовыми практиками в оптимизации Compose. Чтобы максимально углубиться в тему, рекомендуем ознакомиться с первой частью.

https://habr.com/ru/articles/796437/

#android #android_development #compose #kotlin #jetpack_compose #jetpack #мобильная_разработка #оптимизация_кода #производительность #performance_optimization

Раскраска SVG картинки во flutter, и почему я решил отключить Impeller

Сегодня расскажу, как можно реализовать раскраску для векторных картинок, и как выбор графического движка может оказать влияние на производительность в этом кейсе

https://habr.com/ru/articles/792858/

#dart #flutter #development #optimization #performance #performance_optimization #svg #impeller #skia